1. Spectra
  2. Tuesday, 14 May 2013
Hi,
I am using template Spectra, please how can I change the size of the title font on Slideshow Pro SP2.


Thanks!

Best regards
sam
Responses (7)
Hi successb,
Please go to custom.css file . From here you will find
#sp-slides h2.sp-slide-title{}
. Just put your desire font-size

Thanks
  1. more than a month ago
  2. Spectra
  3. # 1
Hi there!

I´ve changed the font size in EXPRESS template opening CUSTOM.CSS and changing

From this
#sp-slides h4.title {font-size:22px;font-weight:400;margin:0!important;padding:0!important;line-height:80px;text-align:center;text-transform:uppercase}


To this
#sp-slides h4.title {font-size:36px;font-weight:400;margin:0!important;padding:0!important;line-height:40px;text-align:center;text-transform:uppercase}


Now I want to make TWO LINES for the title, is it possible?? How can I do it??

Check at http://www.prosportscaxias.com/j25 (image attached)

Thanks in advance.

Regards from Brasil!
Lucas
Attachments (1)
  1. more than a month ago
  2. Spectra
  3. # 2
Dear Lucas
Go to custom.css file. From here edit the font-size on line no 32.
Thanks. :)
  1. more than a month ago
  2. Spectra
  3. # 3
Dear Lucas
Go to custom.css file. From here edit the font-size on line no 32.
Thanks. :)


Hi Sohan,

I just did that (and showed the code I´ve changed).

The problem is that looks like a small line, not two lines.
My question is 'how do I get the title in two lines' (check the picture I attached in the message bellow).

Thanks
Lucas
  1. more than a month ago
  2. Spectra
  3. # 4
Lucas
For doing this at first open to the Slideshow Pro SP2 module. Then open the navigation options. Here customize the Item width and height. Then go to the custom.css file. Here go to line no 32. In this line the line height is fixed by 80. Also customize it. Which match with your requirement.
Thanks.
  1. more than a month ago
  2. Spectra
  3. # 5
Lucas
For doing this at first open to the Slideshow Pro SP2 module. Then open the navigation options. Here customize the Item width and height. Then go to the custom.css file. Here go to line no 32. In this line the line height is fixed by 80. Also customize it. Which match with your requirement.
Thanks.


Hi Sohan,
I just did that and tried many changes on line 32 of CUSTOM.CSS (without knowing CSS).
Now it is this way:
#sp-slides h4.title {font-size:22px;font-weight:400;margin:0!important;padding:0!important;line-height:40px;text-align:center;text-transform:uppercase}


Besides the fact that it isn´t breaking content IN TWO LINES, the images doesn´t appear anymore and the blocks with titles are one above the other.

Attached the NAVIGATOR options print.

Please take a look at http://prosportscaxias.com/j25/
If you want I give you ADMIN access.

Please help me.

Regards
Lucas
Attachments (1)
  1. more than a month ago
  2. Spectra
  3. # 6
Dear
At first decrease the navigation width. You use transparent image. Use a visual image. Then put more content on the title.
Check the screenshot. Here i am add some content and the title goes with 2 lines. I am also decrease the width of the navigator. And the controller goes with a column.
Screenshot: https://copy.com/lJIfiDif7UwR
Note: All i am doing this with inspecting the element.
  1. more than a month ago
  2. Spectra
  3. # 7


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.