Welcome, Guest
Username Password: Remember me

[SOLVED] Title in bold
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: [SOLVED] Title in bold

[SOLVED] Title in bold 2 years ago #216

  • drefann
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
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.
Last Edit: 1 year, 12 months ago by drefann.

Re:Title in bold 1 year, 12 months ago #220

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...

.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;}

Re:Title in bold 1 year, 12 months ago #221

  • drefann
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
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 :

/* 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...

Re:Title in bold 1 year, 12 months ago #222

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.

Re:Title in bold 1 year, 12 months ago #225

  • drefann
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Awesome, it works! Thank you.
  • Page:
  • 1
Time to create page: 0.29 seconds

Login

Make a Donation...

 

© 2009 Content: Trafalgar Design. Template: Afterburner.