[crease123]

1) How do I center-justify the captions for my images? Right now, they are all left-justified.

2) For the search bar in the header, how do I make the area where you type gray? My header background color now is white, and the search bar type area can’t be seen because of that.

My website is http://www.reeftology.com

[Sakin]

@crease123:
1) How do I center-justify the captions for my images? Right now, they are all left-justified.
— You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.wp-caption p.wp-caption-text { text-align: center; }

2) For the search bar in the header, how do I make the area where you type gray? My header background color now is white, and the search bar type area can’t be seen because of that.
— You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#sidebar form.searchform input { background-color: #f5f5f5; }

[crease123]

Hi, I’ve followed your instructions. My captions are now center-justified, but the header search bar input area is still not gray and visible. Here’s what I have in my custom CSS box:

.wp-caption p.wp-caption-text { text-align: center; }
#sidebar form.searchform input { background-color: #f5f5f5; }
#main #content ul.post-by {
display: none;
}
ul.social-profile li.facebook a { background-position: 0 -43px; }
ul.social-profile li.twitter a { background-position: -44px -43px; }
#header { border: none; }
#header {
background: none #ffffff;

[Sakin]

@crease123: Sorry. Correction on my previous CSS for header. You can replace your CSS
#sidebar form.searchform input { background-color: #f5f5f5; }
With the following CSS
#header .social-search form.searchform input { background-color: #f5f5f5; }

[crease123]

Thank you Sarkin, that worked!

One final question, if you don’t mind. If you look at my menu bar, there’s a little gap of nothingness at the end of it. Is there a way to spread out my menu so that the little gap doesn’t show up?

[Sakin]

@crease123: Try adding this in your Custom CSS box. If this doesn’t work then sorry you need to hire css developer to work for you.

#header #mainmenu ul li:last-child {
    border-right: none;
}
#header #mainmenu ul li a:last-child {
    padding: 0 17px;
}

[Author]

Posts