Beacon Theme – make titles on trending images permanent not rollover

• 

  temptressofdown · Member · Oct 12, 2015 at 8:10 am

  • Copy link
  • Add topic to favorites

  I’ll start by saying I’ve only ancient web skills from about 10 years ago. Having decided on the Beacon theme as the layout suits our blog my partner suggested that it would be more attractive if the image titles in the trending section were always seen rather than on rollover (on a PC) or tapping on a mobile. I thought that CSS would be my way in but having looked at the code using Firefox’s Inspect Element I rapidly realised I have reached the limits of my knowledge. Is it possible to do this via CSS and if so can someone point me in the right direction?
  Thanks

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

• 

  staff-happychia · Staff · Oct 13, 2015 at 9:23 am

  • Copy link

  The post titles in the trending section are styled to not show up. We can override their style as following to make them always seen:

  .trending .blurbs li h3 {
      display: block;
  }

  I hope you have Custom Design upgrade to be able to use this CSS.

  Give it a try and let me know if you need any other CSS.

• 

  temptressofdown · Member · Oct 13, 2015 at 10:06 am

  • Copy link

  Brilliant – thanks and my partner is extremely pleased too.

  Off to buy the CCS Guide for Dummies or some such :-)

  Susie

• 

  staff-happychia · Staff · Oct 13, 2015 at 10:17 am

  • Copy link

  Glad, I could help.

  When I’m at my computer tomorrow, I will share some awesome WordPeess.com CSS learning material. Save your money for something else :)

• 

  staff-happychia · Staff · Oct 13, 2015 at 5:44 pm

  • Copy link

  Start your CSS learning journey from here: https://en.support.wordpress.com/custom-design/css-basics/
  There are links to other resources at the end of this page.

  Also check this: https://cssworkshop.wordpress.com/