How to Change a Plugin’s CSS

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.

Read More

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.

Related posts

Leave a Reply

1 comment

  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;