Making gallery headers bold

• 

  gonzo66 · Member · Aug 12, 2013 at 12:00 pm

  • Copy link
  • Add topic to favorites

  The headers in my gallery are plain text. I would like to make them bold so I put in the following CSS command:

  .widget-title, .widget h2.title {
  font-weight: bold;
  color: #000000;
  }

  When I enter, it changes to bold for about three seconds, then reverts to plain text like it was before.

  Can I get it to bold permanently?

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

• 

  fabianapsimoes · Member · Aug 12, 2013 at 12:46 pm

  • Copy link

  Hey @gonzo66,

  What do you mean by gallery headers? The CSS you are entering is targeting the headers for the different widgets in your sidebar. Is that what you want? If so, the following CSS bit might do the trick, mind testing?

  .wf-active h1.widget-title {
      font-weight: bold;
  }

  Please, let me know if you meant something different.

• 

  gonzo66 · Member · Aug 12, 2013 at 4:35 pm

  • Copy link

  Yes, headers for the different widgets in your sidebar is correct. Your suggestion makes it bold but I would also like to make the font one size bigger. So I replaces “h1″ with ‘h3” and it gets bigger then reverts back to where it was after three seconds. Won’t stay put!

  Thanks in advance for your help.

• 

  fabianapsimoes · Member · Aug 12, 2013 at 8:03 pm

  • Copy link

  I was not able to reproduce what you are describing. However, changing “h1” for “h3” indeed shouldn’t do the trick for making your headers bigger. “h1” to “h6” represent the heading tags in HTML, “h1” being the largest heading and “h6” being the smaller.

  In CSS, whenever you mention “h1” to “h6” you are just targeting a certain kind of HTML element, not styling them. If you take a look at your page’s source code (Ctrl+U will show your source code in most browsers), you’ll see that the name of your headers are between <h1> and </h1> tags. That’s why I used “h1” in the CSS bit I showed earlier :)

  In order to increase the size of the font in your headers, you can just add the “font-size” property to the CSS rule you added previously. For example, you’d replace the CSS you just inserted with:

  .wf-active h1.widget-title {
      font-size: 18px;
      font-weight: 700;
  }

  You can adjust the “18px” value to your taste, depending on how big you want the headers to be.

  Hope that solves your problem :)

• 

  gonzo66 · Member · Aug 12, 2013 at 8:06 pm

  • Copy link

  That did it, many thanks!

• 

  fabianapsimoes · Member · Aug 12, 2013 at 8:11 pm

  • Copy link

  Great! And you are welcome :)

• 

  gonzo66 · Member · Aug 13, 2013 at 3:32 pm

  • Copy link

  I put this on the “Widgets” forum and got no reply. Might be in the wrong place.

  The options to place the photo (of me) on my homepage is either too big or too small. Either “medium” which is too small or “large” which is too big. Is there a way to make the photo somewhere in-between?

  Thanks again in advance.

• 

  gonzo66 · Member · Aug 13, 2013 at 7:41 pm

  • Copy link

  I figured out how to fix it, thanks.

• 

  fabianapsimoes · Member · Aug 13, 2013 at 10:30 pm

  • Copy link

  Awesome that you figured it out :)