Welcome, Guest
Please Login or Register.    Lost Password?

[SOLVED] Title in bold
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: [SOLVED] Title in bold
#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
graphgraph
User Offline Click here to see the profile of this user
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
graph
User Offline Click here to see the profile of this user
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
graphgraph
User Offline Click here to see the profile of this user
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
graph
User Offline Click here to see the profile of this user
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
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
Moderators: mattfaulds

Login

Make a Donation...

PayPal Donate

 

© 2009 Content: TrafalgarDesign. Template: Afterburner.