Caption Margins Not Center Aligned

  • If you look at the first two images on the slider, you can say that the grayed out text box is just a little bit off. There is more space to the left than to the right. I can’t seem to figure out why, and it is driving me crazy. If you can help me, I will give you a virtual cookie :).

    https://www.treenook.com/

Viewing 2 replies - 1 through 2 (of 2 total)

  • In your style.css

    Line 1144: Take the width style out.

    Then find the following:

    #bootstrap-slider .carousel-caption p {
    font: normal 18px Roboto;
    padding: 0 30px; /* add a bit of padding to tidy up the content */
    }

    Thread Starter boldlygo

    (@boldlygo)

    Hey Knoppys,

    This is what I have around line 1144: 

    #righttopcolumn {float:right;position:relative;z-index:100;}
.searchform {clear:right;position:relative;z-index:0;}

#search-text-box {top:3px;float:right;}
.widget-content #search-text-box {float:none;width:100%!important;}
.widget-content #search-text {max-width:100%!important;}

    But I don’t think that is it. What is the code around the width style? Sorry for being a newb.

    Also, what do you recommend for the padding?

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Caption Margins Not Center Aligned’ is closed to new replies.