Header

Tagged: Color, header

This topic has 7 replies, 3 voices, and was last updated 10 years, 5 months ago by acetumang.

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

Author

Posts
October 2, 2013 at 8:43 pm #15435

mtporter
Member

Only want to keep image at the very top when browser is narrowed and when displayed in a smartphone… where and what to put in the CSS file?

October 2, 2013 at 10:05 pm #15447

Sakin
Keymaster

@mtporter: I don’t get it what you mean. Can you send me your site URL and let me know what you want.

October 2, 2013 at 10:12 pm #15448

mtporter
Member

http://www.porterwebdesigns.com/tcc/

trying to develop a WP site for http://www.thecomedycatch.com

anyway, if you make your browser window narrow or view on a smartphone, the header image drops a bit…

October 2, 2013 at 10:23 pm #15450

Sakin
Keymaster

@mtporter: I see that there is nothing in header content. So, you can hide that by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-content { display: none; }

October 2, 2013 at 10:27 pm #15452

mtporter
Member

PERFECT!!

June 27, 2014 at 12:22 am #36492

acetumang
Member

help! i want to edit my header opacity so that my background image will be shown. what will i do? thanks in advance. http://www.ccsfp.comlu.com

June 27, 2014 at 12:36 am #36494
Sakin
Keymaster
@acetumang: You can either make it transparent by adding in the following css in “Appearance => Theme Options => Custom CSS” box.
```
#branding {
    background-color: transparent;
}
```
Or instead you can use RGBA color code and make it 79% transparent by adding in the following css in “Appearance => Theme Options => Custom CSS” box.
```
#branding {
    background: rgba(255, 255, 255, 0.7);
}
```
June 27, 2014 at 12:40 am #36496

acetumang
Member

i already fixed it. Thanks! its branding background: rgba(0, 0, 0, 0.7);
i thought it was #masthead.
Author

Posts