Archived

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

  • 0

CSS for Widgets


Question

Posted · Report post

I'm creating a site for a church. For the weekly sermon management, I'm using a special plugin that also creates widgets. On the home page of http://cpcfs.net the widget on the right displays horrible css for the widget, emphasizing the wrong headings, etc. I've looked in Firebug but seems to point to a dynamically created CSS file? I need to style the widget better and just don't know how. The word "from" is huge in relation to the other elements of the widget. Need to change its H4 designation to something else. Help please! Thanks.

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi,

 

The generated CSS file you're referring to is the PageLines Compiled CSS. However, the special plugin appears to add IDs/classes to your widgets but doesn't actually style them at all, so what you see if the default basic styling for standard widgets using PageLines CSS.

 

Therefore, what you will need to do is use the IDs/classes for these widgets and then style them yourself using custom CSS.

 

The first widget on your homepage is using the following ID/classes:

 

ID

#enmse_seriesengine_widget_info-2

 

Class

.enmse_seriesengine_widget_class

 

You can find these using either Firebug or your browsers built-in web dev tools, see my image below:

 

http://d.pr/i/pfZJ

Share this post


Link to post
Share on other sites