Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13923
    crease123
    Member

    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

    #13942
    Sakin
    Keymaster

    @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; }

    #13992
    crease123
    Member

    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;

    #13999
    Sakin
    Keymaster

    @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; }

    #14000
    crease123
    Member

    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?

    #14004
    Sakin
    Keymaster

    @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;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Two questions’ is closed to new replies.