Support » Theme: Zerif Lite » menu heading at top or colours in site

  • Resolved Jess

    (@jesslucyg)


    Hi there 🙂

    I need help with making menu white section at the top pink.

    ALso making the colours in the them of the random colours that are green or red ect pink…

    They want the pink accents that were in their old site to also show pink….

    I’m not sure how it will look so that is why I am asking for pink for both sections so that I can either do the one or the other and see how it looks…

    the site Im working on is https://camrent.co.za/

    their old site was https://boothrent.co.za/

    DO you guys have any suggestions on how or what I can have abit of pink in….

    I don’t like the pink thing but they do 🙁

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • To change the background color of the white bar across the top of your site,
    1) choose Customize
    Customize can be found in the Admin bar from the front end of the site or Appearance / Customize from your WordPress dashboard.
    2) choose Additional CSS
    3) paste this in and, if it does what you want, Publish

    #main-nav {
        background-color: #da225e;
    }

    The Pro version of your theme has more color options that you can just click on, through the customizer, rather than writing CSS like this.

    Jess

    (@jesslucyg)

    Thanks so much yes it changed the menu and I want to change the colour of the tabs as well… Im not sure how.

    Pro version is expensive …

    By “tabs,” do you mean the buttons that are orange and green? “Call or text…” and “Send a message…”? If so:

    a.btn.btn-primary.custom-button.red-btn, a.btn.btn-primary.custom-button.green-btn {
        background: #da225e;
    }
    
    a.btn.btn-primary.custom-button.red-btn:hover, a.btn.btn-primary.custom-button.red-btn:focus, a.btn.btn-primary.custom-button.green-btn:hover, a.btn.btn-primary.custom-button.green-btn:focus {
        background: #f12769;
    }
    Jess

    (@jesslucyg)

    Ok thanks so much and also the sections that are the same colour as the buttons?

    Jess

    (@jesslucyg)

    There is also the last button at bottom and yes also the colours on about?

    ALso how do I change the font type ect or is that business plan only?

    Jess

    (@jesslucyg)

    Thank you Lisa for your help 🙂

    Jess

    (@jesslucyg)

    Hi Lisa

    Cose worked just there is one button at bottom of front page that I must change and also I want to change the ribbon colours to black and grey and one light blue. Also on gallery page I have a pink strip but I Wang to make the font white on there.

    Regards
    Jessica

    button#pirate-forms-contact-submit {
    background: #da225e;
    }
    I don’t know what a ribbon is. Oh, I see it’s the background of your sections. If so:
    section#testimonials {
    background: blue;
    }
    section#ribbon_right {
    background: green;
    }
    section#ribbon_bottom {
    background: rgba(0,0,0,.5);
    }
    .sidebar-wrap .widget-title, .sidebar-wrap ul li a {
    color: white;
    }

    Jess

    (@jesslucyg)

    Thank you so much

    zeekitter

    (@zeekitter)

    hi @lisajwells your response is really of big help!

    regarding: button#pirate-forms-contact-submit {
    background: #da225e;

    pirate-forms is now wpforms how can we amend the code!

    secondly any option to change the background color of About US section and making clients logo resize?

    Thanks in Advance.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘menu heading at top or colours in site’ is closed to new replies.