Slider CSS Customization

• 

  vlogazul · Member · Sep 14, 2014 at 8:05 am

  • Copy link
  • Add topic to favorites

  Hello, i am using the forever theme and i would like to know if there’s a snippet for the following. I would like for the title in the slider of my front page to be 100% width exactly as how the picture looks like. If you can see, there’s two sticky posts in the slider and both of those title posts have different width, is there a snippet? and i would also like for that title text to be centered. Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 14, 2014 at 3:43 pm

  • Copy link

  Hi, in .feature-title a in your CSS, add a “width” of 100% so it looks like this:

  .feature-title a {
      bottom: 9px;
      max-width: 100%;
      width: 100%;
  }

• 

  vlogazul · Member · Sep 14, 2014 at 4:42 pm

  • Copy link

  It works perfectly, only one little fix if possible. I already added the code you gave and it works the way I want to, the only thing is if you look at the left hand side of the slider title you can see the white slider border but on the right side you can’t cause of the width. Is there any way to fix that?

  also I was trying to center the tittle using text-align: center; it works but all of the sudden the text seems to go to the right side and not centered as it would normally would.

• 

  thesacredpath · Member · Sep 14, 2014 at 5:29 pm

  • Copy link

  Well, that took a bit to get figured out. Change what I had given above into this:

  .feature-title a {
      bottom: 9px;
      max-width: 958px;
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      width: 99.5%;
  }

• 

  vlogazul · Member · Sep 14, 2014 at 5:54 pm

  • Copy link

  It works great, you are an awesome engineer. Thanks

  Would there be a snippet for the following? In the widget sidebar there’s a poll, in the question box you will see the text white with a gray background and a black background behind the gray.. Is there a snippet to make the black color background be the same as the gray color so that the question box looks gray completely? Thanks

• 

  thesacredpath · Member · Sep 14, 2014 at 6:25 pm

  • Copy link

  Thanks and you are welcome. On the poll widget, add the following to your custom CSS and see if this doesn’t get you want you want.

  #text-18 #PDI_container8306018 .pds-question-top {
      background: url("http://i.polldaddy.com/polls/alum-bg.png") repeat-x scroll left top #b8b8b8;
      border: none;
      border-radius: 0;
      color: #000;
  }