Jump to content

Archived

This topic is now archived and is closed to further replies.

CWWOrks

Difficulty Formatting a Widget Title

Recommended Posts

CWWOrks

Hey guys,

 

No matter what I do, it seems I can't change the 'Subscribe via Email' to match the style of the other widget titles.

 

I've inserted the following with no luck:

 
#page h2.widgettitle {
  font-size: 17.6px;
  font-weight: bold;
}
 
I've also tried .widgettitle and .widget-title
 
Here is the website:  http://www.patchesonmypack.com/
 
Where am I going wrong?
 
Thanks!
 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

This is because the widget you're using, utilises the label tag inside the h2 tag, so the Subscribe via Email is styled using the label CSS:

 

Try adding the following to your custom CSS:

 

.widgettitle label {
font-size: 17.6px;
font-weight: bold;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
fullcontact

Kinda along the same lines....  My site has widgets from a LMS plugin called learndash.  The text that gets displayed by these widgets is always larger than the Widget titles text.   If I look at the rendered widget code it shows the title with an H2 tag and the content with a H4 tag.

 

How/where can I add code to control HOW this content is displayed?    It' just like it as the default text


Start-Build-Grow Your WordPress Powered Business

James Maduk - http://www.wpgrow.com

Share this post


Link to post
Share on other sites
James B

Hi there, you can overrule this using custom css like the method above. You'll need to find the css currently being applied using a web inspector like chrome dev tools or firebug. Once you've located the code you can edit to the required font size and then copy/paste the new css in to your css/LESS panel within the DMS control bar to override.

 

See - http://docs.pagelines.com/customize/how-to-customize


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
fullcontact

New to CSS ... be gentle..

the class in the widget I need to change is .notcompleted and .completed so in the customize plugin I've tried...

<style type="text/css" id="pagelines-custom">
#learndash_notcompleted > {font-weight=normal}
</style>

.notcompleted {
font-weight: normal;
}
.completed {
font-weight: normal;
}

No joy yet... What Am I missing?


Start-Build-Grow Your WordPress Powered Business

James Maduk - http://www.wpgrow.com

Share this post


Link to post
Share on other sites
Danny

Which widgets are you referring too ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jennajonesdesign

Hi guys!

 

I had this same issue and got around it by using the "title" extension for DMS. You can see it here in the footer. http://jennajonespreview1.info/

Share this post


Link to post
Share on other sites

×