Jump to content
Sign in to follow this  
storm09

How to make footer text widget titles bold

Recommended Posts

storm09

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.

Share this post


Link to post
Share on other sites
batman
I've tried: [code]#footer .widget-title {font-weight: bold;}[/code] This worked for me. I hope you serve.

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny
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]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
storm09
Thanks Batman and Danny. Much appreciated :)

Share this post


Link to post
Share on other sites
margeaux7

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;}
 
 
Thank you.

Share this post


Link to post
Share on other sites
batman
Please, you can try with
 
.pl-section-pad .row:last-child > [class*="span"] {
    font-weight: bold;}

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
margeaux7

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.

Share this post


Link to post
Share on other sites
margeaux7

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

Share this post


Link to post
Share on other sites
margeaux7

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;
}
 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×