How to Change a Plugin's CSS

Question

I have installed a plugin in wordpress that creates image thumbnails and displays links for all the subpages of a particular page. It is being displayed on the front page of this website.

The plugin is called AutoNav. More info here.

The plugin FAQ says the following about what classes are created to create the table:

table elements: subpages-table
tr elements: subpages-row
td elements: subpages-cell
p elements inside each td: subpages-text
Thumbnail images: subpages-image
Excerpt text: subpages-excerpt

My question is how I should go about formatting my CSS to change these settings. Should I just create classes with those names?

Lastly, the links that the plugin generates work on initial page load, but once the page completely loads, the links seem to stop working and just become text. Not sure what the issue is.

Jared · Accepted Answer · 2012-08-15 19:18:27Z

1

My question is how I should go about formatting my CSS to change these settings. Should I just create classes with those names?

Yes. These are the classes the plugin generates and applies to the elements in the html.

For example if you wanted to add a border to the thumbnail images you would apply the styles to .subpage-image class.

.subpage-image {
    border:1px solid #000;
}

Lastly, the links that the plugin generates work on initial page load, but once the page completely loads, the links seem to stop working and just become text. Not sure what the issue is.

This is being caused by your slider. Once it is fully loaded the div #slider overlays your content making the links unclickable.

To fix this give #slider height:280px;

edited Aug 15, 2012 at 19:18

answered Aug 15, 2012 at 19:11

Jared

12.5k1 gold badge37 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

nellygrl Over a year ago

I noticed this about the Slider DIV extending all the way to the bottom of the page, but the thing is, I don;t have a "slider" class or ID, at least not actually defined in my CSS. If I define it, and assign it a height, will it still fix the issue?

nellygrl Over a year ago

Scratch that, I figured it out! It was in the "nivoslider" class. I defined the height and everything works again! Thanks for your help! :-)

Jared Over a year ago

Yes it will. Alternatively you could apply the height to the nivoSlider class.

nellygrl Over a year ago

Thanks Jrod! I appreciate your help! Everything is working now!

Jared Over a year ago

No problem! Glad to help. Good luck with the rest of your project.

Collectives™ on Stack Overflow

How to Change a Plugin's CSS

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related