• 0
Sign in to follow this  
Followers 0

CSS classes being overridded

Question

Posted · Report post

Hi im trying to set some custom css classes for different instances of the Special recent posts pro widget, however they seem to keep being ignored. Either that or im not doing it correctly. These are the instructions from the widget Additional CSS Classes Enter a space separated list of additional css classes for this widget instance. So ive entered {font-size:95%} But it seems to have no effect, ive tried various combinations of css classes but i cant seem to figure it out. Any clues as to what im doing wrong http://www.danceyrselfclean.com/home-test

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

I don't even see the plugin's stylesheet being loaded so make sure you don't have to check a box to enable it or something. Does it say to use the brackets? If it provided example formatting, please let us know what it is. Otherwise, you may try adding a ; after the %.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

There appears to be an option to select Disable Plugin CSS "This option enables/disables the built-in widget stylesheet. Set this option to "Yes" if you wish to use your own style." However this removes all formatting and all i really want to do is add/alter one of the existing rules

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Have you tried !important ? Adding it after any rule tells CSS to ignore the cascade and make that rule override others above it, like this: {font-size:95% !important}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I've figured it out. 

 

In the backend of the SRP widget that you want to customize, you will see 2 fields, one for "Widget CSS ID", and another for "Additional CSS Classes".

 

In the image attached you will see that I have named the ID "homepageInstance". You don't enter the hashmark here, just the name.

 

Then, in your CSS, define #homepageInstance. In this case, it's '#homepageInstance {margin-top:3em;}' and I have a top-margin of 3em on the SRP widget on my homepage, other SRP widgets are not affected.

 

The tricky part is that nowhere in the documentation does it tell you to leave the  '#' or the '.' out of the field.

 

http://screencast.com/t/tE96RXUQW1
 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Suzy,

 

While this input is deeply appreciated, please note that we don't provide documentation, support or resources for third-party plugins here, and most assuredly not on an outdated, nearly 2 year old forum topic. 

 

Anytime any plugin or component of WordPress or PageLines asks for a Class or ID field, you're only supposed to enter the word, without spaces or breaks, not prefacing indicators like a period or hash.

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  
Followers 0