Change color in header magazine

morcan · May 2015

I have configured heading style magazine. I want to change the header background color but I don't know how to do it. Besides when I placed a Image under Layout-> header->Header Image, the image don´t appears. (My web is www.pcasistencia.com)

Albert · May 2015

Hi,

to change header background color, please use below css:

#Top_bar { background: #000 !important; }

We checked banner section as well, but as we see it's empty what means you did not used any image under the banner field.

morcan · May 2015

Thanks, the code works!

About the banner, when I use a image under the banner field, it appear in the right side, not in all the header. I need to place either a banner ocuping all the header or several text items in it. Can you help me? Thanks!

Albert · May 2015

What you need, can be done within custom css only and html tags. If you will upload image, we can check if it is possible to increase banner size.

morcan · May 2015

Really I need to place a quote in the header (see the snapshot)

In adition I need to change the font size in unordered list

Can you help me? Thanks!

Albert · May 2015

Did you tried to use text in Banner field then? Because as we see, section is empty. Please use text in the place of where banner should be and this should do the trick.

morcan · May 2015

When I use the banner field, the text appears on the right side, for example I wrote:

and the output was:

Albert · May 2015

Yes, it's true but you can control it's place with css as below:

.header-magazine #Top_bar .banner_wrapper {
    text-align: left;
    top: 70px;
    width: 698px;
}

morcan · May 2015

Oh thanks! It works!

Albert · May 2015

You're welcome

morcan · May 2015

Oh, one question more. I saw that the text I have placed in the header is not responsive. Then I need that this text does not appear in mobile devices.

Can you help me? Thanks!

(My web is www.pcasistencia.com)

Albert · May 2015

Do you want to remove this banner section from all mobile devices, like tablets and phones then?

morcan · May 2015

Yes, I want to remove this banner section from all mobiles devices because I see that this section is not responsive.

Albert · May 2015

Ok. So to remove this banner from all mobile devices, please use below css:

@media only screen and (min-width: 960px) {    
    .header-magazine #Top_bar .banner_wrapper { display: none; }
}

morcan · May 2015

I think is max-with:960px instead of min-width:960px isn´t it?

I changed it and it works.

Thank you so much!

Albert · May 2015

Yes you're, right. Sorry for this!

Change color in header magazine

Comments