Before you ask please READ THIS

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

in FatMoon Posts: 293
Hello
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

Comments

  • AirAir
    Posts: 10,970
    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: 293
    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: 10,970
    Hello:-)

    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: 293
    Thanks, size works like a charm.. how about color?
    And could color be changed sepcifically for pages?
    Pascal
  • AirAir
    edited September 2016 Posts: 10,970
    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: 293
    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: 10,970
    Hello:-)

    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: 293
    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!