WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Shortcodes
[resolved] Adding Custom Css? (8 posts)

  1. EarlSnappy
    Member
    Posted 1 year ago #

    Hi,

    I'm glad I found this plugin - I was using WP UI, like many others am having problems with WP 3.5. (the writer has gone missing, so no fixes...), so I want to change plugins, and yours has got great reports/feedback.

    Can I add a custom css file that will apply to tabs/buttons/dialogs? I created a custom css using http://jqueryui.com/themeroller/ that worked with the original plugin and was wondering if I can do the same with bootstrap (i.e upload custom style sheet, and how would I implement it)?

    A sample page from my site - http://surfacedeals.co.uk/commercial/railings/ - the contact button is a dialogue - is there a shortcode for something similar? (that is one of the problems - the dialogue now automatically opens on page load without the button being clicked, and it now loads in the wrong place).

    And, can I add a url parameter to the back button - it doesn't literally go back, but will be directed to the higher level section url)

    Please ignore the thumbnail scroller, I created that with a different plugin,

    Many thanks for any help, Earl

    http://wordpress.org/extend/plugins/synved-shortcodes/

  2. Synved
    Member
    Plugin Author

    Posted 1 year ago #

    There's a Custom CSS section in the options panels for the WordPress Shortcodes plugin. If you use theme roller you might have to specify ".snvdshc" at the end when it asks for the custom CSS path.

    I suggest you open up the Shortcodes Editor by clicking on the icon in the post editor toolbar and select either the Button or any Link shortcodes, that should explain the available parameters.

  3. EarlSnappy
    Member
    Posted 1 year ago #

    Hi, I can't find the short codes options, is that in the slick panel skin? (i.e paid - I have the free version) Thanks, Earl

  4. EarlSnappy
    Member
    Posted 1 year ago #

    Hi thanks, I can see the shortcodes editor now, but won't close this thread until I've sorted the custom css, thanks Earl

  5. EarlSnappy
    Member
    Posted 1 year ago #

    Hi, I've found the box in the shortode options to add css code, and have found where to add the class on the shortcode editor. But I haven't found where to define a custom.css url - am I looking in the right place?

    Clutching at straws I uploaded a zipped file custom.css file as extra-presets file, but when use the preset search in the shortcode editor there are no results, any help on this much appreciated,

    Thanks Earl

  6. EarlSnappy
    Member
    Posted 1 year ago #

    I have also added the full css code in the custom css box (class .wpui-custom), and added the shortcode [tabs style="wpui-custom"] [tab title="Tab name"] Tab content [/tab] [/tabs] , but the formatting doesn't work, many thanks for any help Earl

    (am now working on this page - http://surfacedeals.co.uk/shortcodes-ultimate-test/
    to get the same themeroller look as this page
    - http://surfacedeals.co.uk/commercial/railings/

    )

  7. Synved
    Member
    Plugin Author

    Posted 1 year ago #

    You have to use [tabs class="wpui-custom"]

  8. EarlSnappy
    Member
    Posted 1 year ago #

    HI, thanks very much for that, challenge 1 sorted, regards Earl :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags