Forum Support

Shape 5
May 11, 2021, 07:00:41 PM *
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: Text in Image and Content fader  (Read 473 times)
skumkudde
Jr. Member
**
Offline Offline

Posts: 6



« on: August 27, 2014, 12:07:25 PM »

Hi,

Is it possible to set a background color & opacity for the text displayed with the Image and Content fader in the custom_2 position?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 27, 2014, 11:03:34 PM »

Hello,

You can add something like this to the custom.css file to target each slide for a background:

Code:
.slide_title {
    background: none repeat scroll 0 0 #ff0000;
}
.slide_text {
    background: none repeat scroll 0 0 #00ffff;
}
.center_text {
    background: none repeat scroll 0 0 #000ff0;
}

You can adjust the text opacity in the module settings under "Slide Opacity"


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
skumkudde
Jr. Member
**
Offline Offline

Posts: 6



« Reply #2 on: September 01, 2014, 01:24:42 PM »

Great, thank you! Any way to get the background transparent? Also, when the text is displayed as centered the background is as wide as the image - can it be limited to the width of the text displayed?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: September 01, 2014, 05:07:27 PM »

Hello,

The background by default is transparent, so if you don't add a background it will appear that way. You cannot limit the background to the size of the text without adding a fixed width call which isn't going to work with responsive properly.
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
skumkudde
Jr. Member
**
Offline Offline

Posts: 6



« Reply #4 on: September 02, 2014, 09:17:27 AM »

What I'm looking for is this - check the second link KlintWeb posted in this thread http://www.shape5.com/component/option,com_smf/Itemid,75/topic,36315.0/
He has a transparent background for the text displayed on the images.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: September 02, 2014, 04:33:06 PM »

Hello,

You can use an opacity call on a standard background color like so:

Code:
background: none repeat scroll 0 0 rgba(45, 44, 44, 0.2);

Or use a transparent image in the background call as well as he has done on that site.
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.