Independent Publisher 2 Widget CSS question

• 

  patganahl · Member · Jul 2, 2018 at 12:52 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’d love some help in making the following changes with CSS if possible:

  1) make a horizontal line separating the footer widgets from the content above
  2) make the 3rd footer widget, which is a custom HTML widget, title “EMAIL” in bold to match the first two widget titles

  Thanks!

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

• 

  wpx2 · Member · Jul 2, 2018 at 3:10 am

  • Copy link

  Hi @patganahl

  The following two codes will do the trick for what you are trying to achieve. Add both codes to your custom CSS.

  1- For the horizontal line:

  .footer-widgets {
      border-top: solid 1px #000000;
  }

  2- To make the widget’s title “EMAIL” bold:

  #custom_html-5 .widget-title {
      font-weight:700;
  }

  Note: The color code #000000 will draw a black line. You can change it to whatever color you like.

  This topic explains how to add custom CSS to your theme:
  https://en.support.wordpress.com/custom-design/editing-css/

  I hope this helps.

• 

  patganahl · Member · Jul 2, 2018 at 3:12 am

  • Copy link

  Thanks so much!

• 

  wpx2 · Member · Jul 2, 2018 at 3:13 am

  • Copy link

  @patganahl

  You are welcome :)