Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 16, 2017 at 3:39 am #877322
    HeyPons

    Hi guys, quick question,
    I’ve been trying to change the colour of the “Small bar above Main Menu” in the advanced styling settings but it has not work at all for a couple of days – I need to change the colour of the bar and also the text in it.

    Also is it possible to centre align the text in that bar?

    Thanks so much!

    November 16, 2017 at 4:09 am #877334
    Mike

    Hey HeyPons,
    Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    November 16, 2017 at 4:31 am #877347
    HeyPons

    Hi Mike, Here is the url to the site, thank you!

    November 16, 2017 at 4:55 am #877356
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    
#top #header_meta {background-color: red !important; }
.header_color .phone-info {color: white !important; }
.av_phone_active_right .phone-info {
    float: none!important; 
    text-align: center!important; 
}

    adjust the colors to suit.

    Best regards,
    Mike

    November 17, 2017 at 2:59 am #877879
    HeyPons

    Thanks a lot Mike, unfortunately for some reason it didn’t work – I’m using all these quick CSS changes, do you think one of these ones might be blocking it?

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 6px;
    font-size: 10px;
    }

    .main_menu {
    margin-right: -50px;
    }

    .logo img {
    width: 140px;
    }
    }

    form.cart {
    display: none;
    }

    #top .cart_dropdown { display: none; }

    .av_header_transparency .social_bookmarks a{
    color: #808080 !important;
    }

    .side-container-comment, .comment_container
    { display:none; }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    }

    @media only screen and (max-width: 990px) {
    .hide-on-mobile { display: none !important; }}
    @media only screen and (min-width: 990px) {
    .hide-on-desktop { display: none !important; }}

    .single-post .post-entry .big-preview{ display: none !important; }

    .single-product aside.sidebar, .single-product aside.sidebar .inner_sidebar {
    display: none !important;
    }

    span.image-overlay.overlay-type-extern {
    display: none !important;
    }

    November 17, 2017 at 4:05 pm #878138
    Victoria

    Hi HeyPons,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? Can you disable the caching plugin for now?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing colour for the "Small bar above Main Menu" NOT working’ is closed to new replies.