Hello, can you customize the colors for header and footer with the SOHO theme? They are currently "white" and "black" - which is fundamentally ok, but the black is not really dark "Photoshop black", but rather a very dark gray.
Hello, thank you, that has worked so far. Is it possible to change the font size for navigation in mobile view? It is quite big on the phone and I would like to reduce it. Thanks and regards Stephan
Hello, can you customize the colors for header and footer with the SOHO theme? They are currently "white" and "black" - which is fundamentally ok, but the black is not really dark "Photoshop black", but rather a very dark gray.
Greeting Stephan
Hello Stephan
Yes, absolutely. for dark headers such as this one
http://clapat.ro/themes/soho-wordpress/masonry-grid/
header.header-bg-black { background-color: #222; }
whereas the footer
footer { background-color: #222; }
for light (white) headers like:
http://clapat.ro/themes/soho-wordpress/photography/
you have
header.header-bg-white { background-color: #fff; }
footer.alternate { background-color: #fff; }
you add the css code in theme options -> styling options -> custom CSS and change the color codes
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello Calpat Support Team,
thank you for your answer. If I write the css-code in the styling options (see picture), the header color does not change. What am I doing wrong?
Best regards
Stephan
Hello Stephan can you add !important?
header.header-bg-white { background-color: #fff !important; }
footer.alternate { background-color: #fff !important; }
if this still does not work send us wp admin access.
Make sure you clear your cache and hard refresh the page (Ctrl+F5)
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello, thank you, that has worked so far. Is it possible to change the font size for navigation in mobile view? It is quite big on the phone and I would like to reduce it. Thanks and regards Stephan
Hello Stephan,
this is the CSS code which sets the size of the menu items:
#menu-overlay nav > ul > li > a { font-size: 48px; }
change the size as you wish, but you need to include it in a media query for phone devices screen width
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
and then add your code to
theme options -> styling options -> custom CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy