How to edit the CSS in the Shotcodes Ultimate plugin.

  • Resolved fish911

    (@fish911)


    10 years, 1 month ago

    Hi friends I’m trying to edit the css in the column area of the shotcodes ultimate plugin. I have an list with images placed inside a column located on the sidebar of my theme. On the upper right-hand side of the images are stars/bullet points displayed and I’m trying to center the stars with the images. Please see link below for example. I’ve located the CSS I need to make the changes using firebug but I’m not sure where to place the new CSS. I’ve tried placing it in my themes style sheet with no luck! Any help would be highly appreciated…

    My url is http://www.jrjbroofing.org
    The list in question in on the sidebar located under the contact form…

    I would like to add I’ve tried using the custom css in the custom css box.

    And this is the css i’m using.
    .su-list ul li i {
    height: 1.3em;
    left: 20px;
    line-height: 1.3em;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 1.3em;
    }

    Thanks

    https://wordpress.org/plugins/shortcodes-ultimate/

Viewing 1 replies (of 1 total)
  • Thread Starter fish911

    (@fish911)

    10 years, 1 month ago

    I can’t believe I missed it, the answer to this question was sitting right in front of my face. All I had to do was go to the short-codes tab in the admin sidebar then navigate to short-codes settings tab. Once on that page located on the top of the page is tab that gives you the option to edit the plugins CSS without touching the original style sheet. All I did was paste in the new CSS. I hope this helps someone, it took me 2 day’s of searching for complicated answers just to find the obvious.

Viewing 1 replies (of 1 total)
  • The topic ‘How to edit the CSS in the Shotcodes Ultimate plugin.’ is closed to new replies.