Jump to content


Photo
- - - - -

Tab Content Margins


Best Answer batman , 29 November 2012 - 01:17 PM

Hi suerama

Please try with:

 .tab-content > .active, .pill-content > .active { margin-right: 20px;}

or

 #1 .tab-pane.active { margin-right: 20px;}

I´m not sure

:)

Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
8 replies to this topic

#1 suerama

suerama

    Advocate

  • Members

  • 260 posts

Posted 28 November 2012 - 12:28 PM

How do I create right margins in the tabbed content area? My type keeps running right to the edge of the tabbed content area. Please see:

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 28 November 2012 - 03:57 PM

You can use custom CSS to adjust the right margin:

Please Login or Register to see this Hidden Content

Here is reference to the margin property:

Please Login or Register to see this Hidden Content



#3 suerama

suerama

    Advocate

  • Members

  • 260 posts

Posted 29 November 2012 - 12:53 PM

I've tried this to no avail:

 

.tab-content {
display: table;
width: 100%;
padding-top: 0;
margin-right: 20px !important;
background: #87B7BE;
}
I also tried adding
padding-right: 20;
 
That didn't change anything either.


#4 batman

batman

    Bat Learning

  • Members

  • 2203 posts

Posted 29 November 2012 - 01:17 PM   Best Answer

Hi suerama

Please try with:

Please Login or Register to see this Hidden Content

or

Please Login or Register to see this Hidden Content

I´m not sure

:)



#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 17618 posts

Posted 29 November 2012 - 01:25 PM

That page you linked gives a 404, can you provide a link to the page again please.



#6 suerama

suerama

    Advocate

  • Members

  • 260 posts

Posted 29 November 2012 - 03:54 PM

I changed the url to:

 

Please Login or Register to see this Hidden Content



#7 suerama

suerama

    Advocate

  • Members

  • 260 posts

Posted 29 November 2012 - 04:07 PM

Bat learning, you nailed it the first time!

My super hero!

thank you!



#8 suerama

suerama

    Advocate

  • Members

  • 260 posts

Posted 29 November 2012 - 04:19 PM

Bat learning -- 

I don't see pill in the code currently. Is the pill that weird little pill like thing I tried to get rid of?  What IS that thing?



#9 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 30 November 2012 - 12:29 AM

The pill class is for when the tabs are set up like little buttons in the shape of a pill - check here

Please Login or Register to see this Hidden Content