Forum Support

Shape 5
December 01, 2021, 05:56:03 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Changing text position on S5 Image and Content Fader v3  (Read 349 times)
bernd_beha
Jr. Member
**
Offline Offline

Posts: 20



« on: July 10, 2014, 06:15:03 AM »

Hi,

I need to know where I can change the text position for the header and body text of the images? The template comes by default with center position, I need left.

Thanks in advance!

Bernd
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: July 10, 2014, 11:41:47 PM »

Hello,

By default the CSS below uses margin: 0 auto; to center the text. Just adjust these margins as needed to move the text.

1)

Code:
Template.CSS - Line 1178

.jdGallery .slideInfoZone p {
    color: #ffffff !important;
    display: block !important;
    font-size: 1.7em;
    line-height: 180%;
    margin: 0 auto !important;
    padding: 0 !important;
    text-shadow: none !important;
}

2)

Code:
Template.CSS - Line 1169

.jdGallery .slideInfoZone h2 {
    font-size: 2.7em !important;
    line-height: 140% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bernd_beha
Jr. Member
**
Offline Offline

Posts: 20



« Reply #2 on: July 14, 2014, 03:08:55 AM »

Thanks!

I think when I don't use center postion, it will be quite difficult to have the text in a great alignment with the other elements and contents!?

Bernd
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: July 14, 2014, 09:40:30 PM »

Hello,

That is why the coding was used, in order to align the text with the content. You could do something like a left float with a left margin if you wanted but that is up to you and based on the layout your looking for.

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bernd_beha
Jr. Member
**
Offline Offline

Posts: 20



« Reply #4 on: July 15, 2014, 12:37:58 AM »

ok, thanks for you help Mike.

Bernd
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: July 15, 2014, 01:30:49 AM »

NP

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.