Broadsheet CSS code for post slider text box

• 

  hohcatholic · Member · Oct 14, 2014 at 9:59 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m looking to change the size and position of the text box in the featured post slider of Broadsheet. What is the CSS code to do this?

  Thanks!

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

• 

  supportmyoffice · Member · Oct 14, 2014 at 10:46 pm

  • Copy link

  Your background color on the slider is coming from this:

  .primary-content .primary-wrapper .item .image-meta {
  background-color: #3b5d4e;
  }

  In what way are you looking to change the position?

• 

  hallluke · Member · Oct 14, 2014 at 10:57 pm

  • Copy link

  The following code will let you reposition the text box in relation to the main slider area, you can also set the font size, font colour and box colours:

  .primary-content .primary-wrapper .item .image-meta {
    background-color:rgba(59,93,78,0.9);
    bottom:unset;
    left:unset;
    top:30px;
    right:20px;
  }
  
  .primary-content .primary-wrapper .item h2 {
    font-size:1.5em;
  }
  
  .primary-content .primary-wrapper .item a {
    color:#eee;
  }
  
  .primary-content .primary-wrapper .item .image-meta:hover {
    background-color:rgba(0,0,0,0.7);
  }

• 

  hohcatholic · Member · Oct 14, 2014 at 11:29 pm

  • Copy link

  Awesome! This is very helpful and exactly what I needed.
  Thank you!