at first thank you for your fast answers. Slowly i see through all the possibilities of the theme and i`m writing all my changes in a document for later.
At the moment I´m looking for 3 things.
1. Where ist the option hidden to change the color of the title of pages.
2. I would like to change the color of background & text of the search widget.
3. I´m using Header option 6. How can i change the size of my logo and the height of the mainbar?
Hello,
at first thank you for your fast answers. Slowly i see through all the possibilities of the theme and i`m writing all my changes in a document for later.
At the moment I´m looking for 3 things.
1. Where ist the option hidden to change the color of the title of pages.
2. I would like to change the color of background & text of the search widget.
3. I´m using Header option 6. How can i change the size of my logo and the height of the mainbar?
Many thanks in advance
Hi,
1/ You can add more this code to Customize > Custom CSS to do that:
.penci-page-header h1{ color: #111111; }You can change color code 111111 in the above code to any color code you want.
You can get a color code here
2/ By default the search box has transparent color.
If you want to change background color & text color for search widget, please try add more this code to Customize > Custom CSS:
.widget #searchform input.search-input, .penci-sidebar-content .widget #searchform input.search-input{ background: #14abd1; color: #ffffff; } .penci-sidebar-content .widget #searchform input.search-input::-webkit-input-placeholder { color: #ffffff; }.penci-sidebar-content .widget #searchform input.search-input::-moz-placeholder { color: #ffffff; }
.penci-sidebar-content .widget #searchform input.search-input:-ms-input-placeholder { color: #ffffff; }
.penci-sidebar-content .widget #searchform input.search-input:-moz-placeholder { color: #ffffff; }
3/ This theme doesn't support change the height for the header.
And you can add more this code to Customize > Custom CSS to change the size for your logo in header style 6:
#navigation.header-6 #logo img, .is-sticky #navigation.header-6 #logo img{ padding: 2px 0; }Best Regards,
PenciDesign