Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #165523

    1- Is it possible to reduce the height between the slideshow and the top banner message?
    2- In the top banner message is it possible to add a button with a link? do you know how to do it? since now I see that I can only add simple text. That’s why I’m not using it, but if I can add some button with a link maybe I will be using it for adding some call to action.

    Here you can see the website:


    Hello Marc Centelles!

    1) Please add following code to Quick CSS in Choices theme options under Styling

    #main .container { padding-top: 10px; }

    2) You can add following in Top Banner Message section

    then style your button using following code in Quick CSS

    a.yourclass { background-color: red!important; color: white!important; padding: 5px!important; }


    • This reply was modified 2 years ago by  Yigit.
    • This reply was modified 2 years ago by  Yigit.

    Thank you so much Yigit!! It works perfect!! :) You can see the changes here:

    One last thing, some time ago I don’t know how I changed the color of this top banner message section and now is in white. ¿Do you know how can I get back my original blue color? I mean, the blue color that you can see I use in the Contact/Feedback button and in the other call to action sections and so on.



    Please add following code to Quick CSS as well

    #info_text_header { background-color: blue !important; color: white !important; }

    You can insert color hex values to adjust the color



    Great!!! All changes done!! :) :)

    But the cross is not being shown ok as it does in your site:

    Any solution to that?




    Hi Marc!

    Please add following code as well

    #info_text_header a { background-color: inherit; }



    All done!! Now it’s everything pefect! :) Thank you very much Yigit!

    The other question I asked here about the height it’s still giving me some problems. ¿Do you know what can I do to reduce the space between my phone number (679017996) and the social media icons above the search box? or ¿to reduce de space between the top banner message and my phone number? The idea is to reduce also the space between my logo and the main menu and by reducing one of those (or both) spaces I can also reduce this. ¿What do you think?

    Sorry for abusing too much of your help! :S And thank you in advance! You are resolving me a lot of problems I wanted to change from long time ago! :)



    Please add following code to Quick CSS as well

    #top .social_bookmarks { margin: -15px 5px 0 20px; }
    #searchform { margin: 25px 0 0; }
    .main_menu { margin: -20px 0; }
    #header .container_wrap { height: 125px; }

    Best regards,


    Not at all, I added that code and the main menu goes up, but the social media icons and the search box still appear in the same place. :( You can see how I see it right now here:



    Please add !important like this

    #top .social_bookmarks { margin: -15px 5px 0 20px!important; }
    #searchform { margin: 25px 0 0!important; }
    .main_menu { margin: -20px 0!important; }
    #header .container_wrap { height: 125px!important; }

    Then flush browser cache and try refreshing your page a few times. It should work :)



    That’s perfect Yigit! Thank you so much for your help! :)

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Choices height & button in top banner message’ is closed to new replies.