Support will be limited from 19.04.2019 till 22.04.2019

We will answer all the questions from that period after we get back on 23.04.2019.

Have a great Easter and Happy Bunny ;-)
Apollo13Themes Team
Before you ask please READ THIS

How to alter menu icon & search icon and how to alter "back to top" icon

in FatMoon Posts: 188
I'd like to increase size and look of the search & menu icon as well as for the "back to top" icon. Where and how can I do so?
Thanks for your reply, Pascal
Bildschirmfoto 2016-09-03 um 16.40.18.png
1324 x 782 - 516K
Bildschirmfoto 2016-09-03 um 16.39.11.png
968 x 402 - 447K


  • AirAir
    Posts: 9,754
    Hello :-)

    You can do all changes in CSS.

    What exactly you wish to change? Color, size?

    For to-top button we will add settings pretty soon.

    For search and menu - I need to know what you need.

    With kind regards.
  • Posts: 188
    Hello and Thanks for your reply
    I'd like to change both – sieze and color. For to-top button I'll wait (how long?) for your settings :)
    If you could help me out with a css code for menu and search icon that be great.
    As I will change color and size while working on the site you can choose any color and size.. let's say increase size by 150% and use the color Green (assuming that color and size are part of the css code)
    Thanks, Pascal
  • AirAir
    Posts: 9,754

    So colors of icons you can change already in Customizing ▸ Header settings ▸ Tools icons
    For their size use this custom CSS:

    #header-tools .tool {
    font-size: 24px;
    To top button - hopefully we will release update in 2 days.

    With kind regards.
  • Posts: 188
    Thanks, size works like a charm.. how about color?
    And could color be changed sepcifically for pages?
  • AirAir
    edited September 2016 Posts: 9,754
    I told you where you can change color.
    FLYART said: And could color be changed sepcifically for pages?
    You would have to target specific page by custom CSS. So it is rather custom work.

    With kind regards.
    Post edited by Air on
  • Posts: 188
    My mistake.. sorry and thank you (if you still wish you still could help me out with an example of page taget css for the size ;))
  • AirAir
    Posts: 9,754

    Update should be available today on TF, if Envato staff won't interfere.
    FLYART said: if you still wish you still could help me out with an example of page taget css for the size
    Well I don't wish for it:-)
    So color or size? And for what element? You will have to target css selectors with your page id, something like this:

    .page-id-6072 #header-tools .tool {
    font-size: 24px; /* size */
    color: #000; /* color */
    .page-id-6072 #header-tools .tool:hover {
    color: #000; /* hover color */
    With kind regards.
  • Posts: 188
    Very cool! Thanks so much!!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!