Trafalgar Design | [SOLVED] Title in bold

Home \ Forum

Welcome, Guest
Please Login or Register. Lost Password?

Forum

Plugins

FAQ Slider

[SOLVED] Title in bold

(1 viewing) (1) Guest

Page: 1

TOPIC: [SOLVED] Title in bold

Forum Tools

#216

[SOLVED] Title in bold 5 Months, 3 Weeks ago
Hi, First, thanks to the developpers for FAQ Slider, very lite and user friendly. I want to make my title in bold. So, I tried to edit the css file "faqslider.css". I put "font-weight:bold;" at any place of the file but there's no changes on my pages... Can you help me? Thanks a lot and sorry for my english.

drefann

Fresh Boarder

Posts: 3

Last Edit: 2010/02/07 04:42 By drefann.

The administrator has disabled public write access.

#220

Re:Title in bold 5 Months, 3 Weeks ago

hi

the lines you need to edit in faqslider.css are .jpane-toggler span and .jpane-toggler-down span. below are (horrible!) examples of the sort of thing you can do...

Code:

.jpane-toggler  span     { background: transparent url(../faqslider/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;font-weight:normal;color:green;text-transform:capitalizee;}

.jpane-toggler-down span { background: transparent url(../faqslider/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;font-weight:bold;color:red;text-transform:uppercase;}

mattfaulds

Administrator

Posts: 331

The administrator has disabled public write access.

#221

Re:Title in bold 5 Months, 3 Weeks ago

Thanks for your answer.

I tried your instructions but there is no changes on my pages. I edited my faqslider.css at lines .jpane-toggler span and .jpane-toggler-down span or comment this line and add your examples lines for see if there is changes but there is not. I had clean my cache and cookies and try to see my website with two differents machines for view my page but nothing change.

My code :

Code:

/* Mootools Sliders and Tabs */



/*.jpane-toggler-down  { cursor:pointer; color:#000; margin: 0; padding:5px; font-size:16px; background:#eee; }

.jpane-toggler-down span { background: url(http://www.trafalgardesign.com/ntccn/images/delete.png) no-repeat left center; padding-left: 20px;}

.jpane-toggler { cursor:pointer; color:#000; margin: 0; padding:5px; font-size:16px; }

.jpane-toggler span { background: url(http://www.trafalgardesign.com/ntccn/images/add.png) no-repeat left center; padding-left: 20px;}

.jpane-toggler:hover   { background:#eee; }



.jpane-slider p { padding:0 5px; }*/



/* pane-sliders  */

#pane h3 {

 margin: 0; font-size: 125%; letter-spacing: 0px;

 }

.pane-sliders .title {

	margin: 0;

	padding: 5px;

	color: #666;

	cursor: pointer;

}



.pane-sliders .panel   { border: 1px solid #ccc; margin-bottom: 3px;}



.pane-sliders .panel h3 { background: #f6f6f6; color: #666;}



.pane-sliders .content { background: #ffffff;}

.pane-sliders div.content { padding: 0px 10px 10px 10px;}



/*.jpane-toggler  span     { background: transparent url(../faqslider/j_arrow.png) 5px 50% no-repeat; padding-left: 20px; font-weight:bold;}

.jpane-toggler-down span { background: transparent url(../faqslider/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; font-weight:bold;}*/

.jpane-toggler  span     { background: transparent url(../faqslider/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;font-weight:normal;color:green;text-transform:capitalizee;}

.jpane-toggler-down span { background: transparent url(../faqslider/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;font-weight:bold;color:red;text-transform:uppercase;}





.jpane-toggler-down {  border-bottom: 1px solid #ccc; }



/* tabs */



dl.tabs {

	float: left;

	margin: 10px 0 -1px 0;

	z-index: 50;

}



dl.tabs dt {

	float: left;

	padding: 4px 10px;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-top: 1px solid #ccc;

	margin-left: 3px;

	background: #f0f0f0;

	color: #666;

}



dl.tabs dt.open {

	background: white;

	border-bottom: 1px solid white;

	z-index: 100;

	color: #000;

}



div.current {

	clear: both;

	border: 1px solid #ccc;

	padding: 10px 10px;

}



div.current dd {

	padding: 0;

	margin: 0;

}

I mp'ing you my url...

drefann

Fresh Boarder

Posts: 3

The administrator has disabled public write access.

#222

Re:Title in bold 5 Months, 3 Weeks ago

Ah, are you trying to style the title of sliders or tabs? I assumed sliders...

If you need to style the tabs then you need to add lines such as the following:

dl.tabs dt span {font-weight:normal;color:green;text-transform:capitalizee;}
dl.tabs dt.open span {font-weight:bold;color:red;text-transform:uppercase;}

I will be adding the ability to style your tabs soon, along with a condensed and optimised css file which will support a few different themes for the tabs and sliders.

mattfaulds

Administrator

Posts: 331

The administrator has disabled public write access.

#225

Re:Title in bold 5 Months, 3 Weeks ago
Awesome, it works! Thank you.

drefann

Fresh Boarder

Posts: 3

The administrator has disabled public write access.

Page: 1

Forum

Plugins

FAQ Slider

Moderators: mattfaulds

Login

Make a Donation...