How to make footer text widget titles bold

[storm09 0]

Hi - How can I bold my footer titles? I've tried various pieces of code from other similar posts but to no avail so far. I would also like to close the gap between the title and the text more, so it looks like a usual return. Thanks.

[batman 389]

I've tried: [code]#footer .widget-title {font-weight: bold;}[/code] This worked for me. I hope you serve.

[Danny+ 1,327]

Hi Storm, @Batman's code above should work to make your Footer titles bold and to reduce the space between the titles and the text use the following code. [code]#footer .textwidget p {margin:0;}[/code]

[storm09 0]

Thanks Batman and Danny. Much appreciated :)

[margeaux7 3]

Gentlemen,

Any idea why this does not work in my footer? Very perplexing.

 

#footer .widget-title {font-weight: bold !important;}

#footer .textwidget p {margin:0 !important;}

 

http://66.147.244.90/~apecconf/

 

Thank you.

[batman 389]

Hi @margeaux7

Please, you can try with

 

.pl-section-pad .row:last-child > [class*="span"] {

    font-weight: bold;}

[margeaux7 3]

Most helpful, yet now all of the text in the footer is bold. I was simply looking to bold the footer widget title.

http://66.147.244.90/~apecconf/

Thank you for responding though. I appreciate your time.

[margeaux7 3]

I removed the above because actually it made the text in my 4 boxes bold too not only the entire footer text.

[margeaux7 3]

I got it! I hope this helps someone else.

 

To do the following:

• remove extra space between footer widget title and content
• bold the footer widget title
• make the footer widget title a different color

 

I put the following in the "Styling Classes" section global options of the footer section:

footer-widget-title-green

 

and this in Custom Code:

 

 

.footer-widget-title-green {
  color:green;
  font-weight: bold !important;
}

#footer .textwidget p {
  margin:0 !important;
  color: grey;
  font-weight: normal !important;
}