joachimherb

Thank you very much, this was very helpful!

But … i inserted the css in “design – cutomizer – additional css” and … nothing happend. I tried a few changes and … nothing happend.

After a while i recognized, that there was a missing “}” in the css you posted above. Look at line 13, there it is missing.
I inserted the missing “}” and then it worked.
I also hat to add some “!important” at some places, so that the colors changed.

Here is my adjusted css:

#page .widget-area .widget_search.pen_widget_transparent .search-field {
	border: 1px solid !important;
	color: #5f2d5f !important;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-field {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25), 2px 2px 5px rgba(0,0,0,0.25) inset;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
#page .widget-area .widget_search.pen_widget_transparent .search-field:focus,
#page .widget-area .widget_search.pen_widget_transparent .search-field:hover,
#page .widget-area .widget_search.pen_widget_transparent .search-field:active {
	color: #eacaea !important;
	border-color: #c976c3 !important;
}
#page .widget-area .widget_search.pen_widget_transparent .search-submit {
	background: transparent;
	border: 1px solid #5f2d5f !important;
	color: #c976c3 !important;
	font-weight: bold !important;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-submit {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
#page .widget-area .widget_search.pen_widget_transparent .search-submit:focus,
#page .widget-area .widget_search.pen_widget_transparent .search-submit:hover,
#page .widget-area .widget_search.pen_widget_transparent .search-submit:active {
	background: transparent !important;
	border-color: #c976c3 !important;
	color: #eacaea !important;
}

You can have a look at the result at reicom.de
The Search is at the bottom of the left sidebar.

Have a nice and sunny week,
Joachim

• This reply was modified 5 years ago by joachimherb.

If you like to see your Theme in action, you can visit my site now.
Have a look at the transparent header 😉
I made a picture (3600 x 1000 pixels) which is completely white. Then i set white as transparent color and saved it as GIF. This is my header picture.

Here is my site: REInkarnation in der COMputersimulation

Suggestion:
Maybe you think about a checkbox each to set header, search-bar, top and/or other boxes transparent. For the widges you already created that possibility.

Have a nice week and thanks for the update yesterday 🙂
Joachim

Thanks for your answer and your help.
I’ll check it out.

Thanks for your help!
I rated the theme and the plugin.

Thank you very much.
This works fine.

I just saw, that if the Search box is disabled or a seperate Search bar and changing Header alignment from Left to Center, then the Header Section expands its height and the Header Title and Description are no longer centered in Height in the Header section. There is more space above than below.
Can you please make, that it is centered in height and the Height of the Header section does not expand?
(It is the same behavior without the additional CSS)

I know, this are only little optical things, but i think such a great Theme should be really “perfect” 🙂

• This reply was modified 5 years, 1 month ago by joachimherb. Reason: Appended text in brackets