Joomla Templates Club 406,261 posts

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#159011

Hello, I would like to make the Gray Tab Width Smaller -OR- at least Center the Text and change the font on the tab white with green background.

For some reason after I removed the module suffix (icon) on the tab the text does not center nicely and leaves a gap. See Photo, thank you.

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372728

The width of the tabs is set depending on how many tabs you are using, more tabs makes them thinner, less makes them wider.

Please post a link to your site and I will look at centerig the test. Please disable css compression/join while we are looking at this for you.

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#372796

Sent website PM. Join and Minify compression is off. I did not add or delete any tabs (it’s the same as demo). All I did was remove the “icons”. However I did re-posistion the JA tab to “left” side but that dosen’t matter. Thank you.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372821

If you are removing all the icons the the simple chage would be to adjust the figure highlighted in red below in the file plugins>content>ja_tabs>themes>portfolio>style.css


.portfolio .ja-tabs-title-left ul.ja-tabs-title li h3 {
background-position: left center;
color: #88888A;
font-size: 100%;
font-weight: bold !important;
letter-spacing: normal;
margin: 0 0 0 15px;
padding: 20px 15px 20px 45px;

}

The actual width of the tabs is sef in the code below (same file)


.portfolio .ja-tabs-title-left {
background: none repeat scroll 0 0 #CACCCD;
float: left;
height: 100%;
position: relative;
width: 180px !important;

}

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#372889

Thank you Phil, I will try that. Also do you know why changing this in the module parameters has no effect? It looks like I should be able to change the width without touching the code in the Advanced Parameters, however when I tried it it didn’t seem to make a differance. I put in 45 for width and saved. I’m assuming it’s asking for a pixel size. Do you know what that is for or why it does not work?

Thanks again,
Sandra

---

Attachments:

1. 

[nataliia Friend nataliiaJoin date: December 2010Posts: 37Downloads:0Uploads:16 Thanks: 21 Thanked: 1 times in 1 posts]

#372928

Hi! how do I change the font size in module JA Tabs? Sorri, but my templete JA IV

Thank you

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372934

<em>@nataliia 216418 wrote:</em><blockquote>Hi! how do I change the font size in module JA Tabs? Sorri, but my templete JA IV

Thank you</blockquote>

Open plugins>content>ja_tabs>themes>teline_iv>style.css and around line 63 you will find the following. Add the line I have highlighted in red and replace ** with the font size of your choice.

.teline_iv .container .ja-tabs-title-top ul.ja-tabs-title li h3 span {
background:none repeat scroll 0 0 transparent;
border:0 none;
display:inline;
margin:0;
padding:0;
font-size: **px;

}

1 user says Thank You to Phill for this useful post

1. nataliia

[Author]

Posts