YouTubeBuzz.com - Buy real YouTube video views safe & cheap

Support Forum

Register To login to our Support Forum use your member’s username/password combination.

Not a member? Create a free club account here.

Welcome Guest 

Show/Hide Header

Welcome Guest, posting in this forum requires registration.
Pages: [1] 2
Author Topic: Customizing font size and color
Paul
Newbie
Posts: 5
Permalink
Post Customizing font size and color
on: August 24, 2011, 14:26
Quote

Hello,

Thanks for putting together such a great plugin!

I am currently using the "smoothness" general style, and would like to alter the font size and color for both Tab Group Titles and Tabs Titles.

Any help/pointers would be greatly appreciated.

Thanks,
Paul
Grant
Newbie
Posts: 2
Permalink
Post Re: Customizing font size and color
on: August 24, 2011, 14:42
Quote

I'd like to add my request to this too.

I am using Accordions and love it but want my titles to be larger and in green. I tried using an h3 tag but that made the Accordion tab get big and ugly.

I tried using the span tag and it removed my title all together and replaced it with "My Accordion Title".

I tried using the font tag and that worked until I updated the page again and Wordpress automatically replaced the font tag with the span tag which again removed my title as above.

Is there a way to use the span tag or stop Wordpress from auto-correcting the font tag?

Or any other way of styling the titles?

Thanks,
Grant
TheThe
Administrator
Posts: 143
Permalink
Post Re: Customizing font size and color
on: August 25, 2011, 08:59
Quote

To customize your tabs and accordions please APPEND to your existing CSS (you can add the code to the Custom CSS section):

For Tabs
========

h2.thethe-tabs-group-title{
color:red;
}
.ui-tabs .ui-tabs-nav li a {
color:red;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
color:green;
}
For Accordions
==============

h2.thethe-accord-group-title{
}
.ui-accordion .ui-accordion-header a{
font: bold 20px Arial;
color:gray;
}
.ui-accordion .ui-accordion-header.ui-state-active a{
color:#ccc;
}

Replace those colors above with your actual ones. Let me know if you still need help
Paul
Newbie
Posts: 5
Permalink
Post Re: Customizing font size and color
on: August 26, 2011, 00:59
Quote

Thanks so much for this info - very helpful!

Cheers,
Paul
TheThe
Administrator
Posts: 143
Permalink
Post Re: Customizing font size and color
on: August 26, 2011, 06:59
Quote

you are welcome!
Paul
Newbie
Posts: 5
Permalink
Post Re: Customizing font size and color
on: August 27, 2011, 15:40
Quote

I've now been able to change all that I need to except for the Tab Group title.

The provided code above does not seem to change the Tab Group title text to red. I also tried this variation and still no luck:

h2.thethe-tabs-group-title{
}
.ui-tabs .ui-tabs-header a{ font: 14px Arial;
color:red;
}
.ui-tabs .ui-tabs-nav li a { color:red;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ color:green;
}

Could you please give me some guidance on how to change the color and size of the Tab Group title?

Thanks again,
Paul
Grant
Newbie
Posts: 2
Permalink
Post Re: Customizing font size and color
on: August 29, 2011, 14:01
Quote

This worked great, thank you!
Paul
Newbie
Posts: 5
Permalink
Post Re: Customizing font size and color
on: August 30, 2011, 18:29
Quote

Thanks again for the help so far, but I still can't seem to change the Tab Group title font size/color when using the "smoothness" general style - any assistance would be greatly appreciated.

Thanks,
Paul
Alan
Newbie
Posts: 3
Permalink
Post Re: Customizing font size and color
on: November 12, 2011, 06:38
Quote

I have been able to change the text color in the accordions by adding the code

.ui-accordion .ui-accordion-content {color: #312925;}

However, I cannot get the haccordion text color to change with

.ui-haccordion .ui-haccordion-content {color: #312925;}

What should I use to change the color of the text in the horizontal accordions?

Thanks
Rajan
Newbie
Posts: 3
Permalink
Post Re: Customizing font size and color
on: December 5, 2011, 20:24
Quote

Please see this page -

http://www.parrikar.org/vpl/?page_id=308

What is the CSS custom code to:

(a) Get the accordion tab to be of a different colour? Right now it is a dull gray.

(b) When the accordion expands to display content, how can I change the background colour of the content page?

(c) Is there a way to control the width of the accordion window?

(d) The little flippy triangle used to expand the accordion - can its size/appearance be changed?

Thanks much.
Pages: [1] 2
Mingle Forum by cartpauj
Version: 1.0.34 ; Page loaded in: 0.091 seconds.

Subscribe to WP Tips & Hacks Newsletter