WordPress.org

Ready to get started?Download WordPress

Forums

Shortcodes Ultimate
Shortcodes Ultimate. How to add your styles? (3 posts)

  1. Vadim V
    Member
    Posted 1 year ago #

    How to add additional styles of tabs?
    4, 5, 6 ..

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

  2. Vadim V
    Member
    Posted 1 year ago #

    Fnswer:

    Just to add to the file
    /shortcodes-ultimate/css/style.css

    New style. another number.

    Example:

    .su-tabs-style-4 .su-tabs-nav span {
    	display: block;
    	float: left;
    	padding: 0 20px;
    	height: 39px;
    	line-height: 39px;
    	margin-right: 5px;
    	cursor: pointer;
    	border-top: 1px solid #fff;
    	border-right: 1px solid #fff;
    	border-left: 1px solid #fff;
    	background: #f1f1f1;
    }
    .su-tabs-style-4 .su-tabs-nav span:hover { background: #fff }
    .su-tabs-style-4 .su-tabs-nav span.su-tabs-current { background: #fff }
    .su-tabs-style-4 .su-tabs-pane {
    	padding: 15px;
    	border-right: 0px solid #fff;
    	border-bottom: 0px solid #fff;
    	border-left: 0px solid #fff;
    }
  3. Vadim V
    Member
    Posted 1 year ago #

    /* Tabs style-4 */
    .su-tabs-style-4 .su-tabs-nav {
    	padding: 25px 0px 0 0px;
    	margin: 0;
    	height: 40px;
    	background: none;
    }
    .su-tabs-style-4 .su-tabs-nav span {
    	display: block;
    	float: left;
    	padding: 0 20px;
    	height: 32px;
    	line-height: 34px;
    	margin-right: 5px;
    	cursor: pointer;
    	border-top: 1px solid #fff;
    	border-right: 1px solid #fff;
    	border-left: 1px solid #fff;
    	background: #f1f1f1;
    	border-radius: 5px 5px 2px 2px;
    		-moz-border-radius: 5px 5px 2px 2px;
    		-webkit-border-bottom-right-radius: 2px;
    		-webkit-border-bottom-left-radius: 2px;
    }
    .su-tabs-style-4 .su-tabs-nav span:hover { background: #fff }
    .su-tabs-style-4 .su-tabs-nav span.su-tabs-current { background: #fff }
    .su-tabs-style-4 .su-tabs-pane {
    	padding: 15px;
    	border-right: 0px solid #e5e5e5;
    	border-bottom: 0px solid #e5e5e5;
    	border-left: 0px solid #e5e5e5;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.