Color Page Title & Search Widget | PenciDesign Support

PenciDesign replied

8 years ago

Staff Reply

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

Mario started the conversation

8 years ago

Conversation Start

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