Public Forums 71,145 posts

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#195511

hi,

how can you change the slideshow background color?

Is it possible with an entry in the file custom.css?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525517

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525648

Hi,
I want to set a background color as the masthead.

Gladly I would like to change the upper and lower distance, so that the color will appear next to the image left and right only.

http://fvs.nennker.de/index.php?option=com_content&view=article&id=1&Itemid=735&lang=de

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525680

So you want the background color for your slideshow – which currently appears to be grey – to be what color, exactly?

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525697

yes, and it is possible to do it with an entry in the file custom.css?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525699

You should be able to add the following to your custom.css file . . .


.slideshow {
background: none repeat scroll 0 0 #0067A2
border-bottom: 1px solid #EEEEEE
padding: 40px 0;
}

The only potential problem (if any) I see is that each layout type’s css files may or may not conflict – in which case you simply modify the relative CSS file for the particular layout you’re using, for example . . .

File path –> /templates/purity_iii/css/themes/corporate2/layouts/corporate.css
at line 3


.corporate .slideshow {
background: none repeat scroll 0 0 #0067A2
border-bottom: 1px solid #EEEEEE
padding: 40px 0;
}

1 user says Thank You to TomC for this useful post

1. nennker

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525758

many thanks, I made both changes.

The distance to the mainmenu is now 0,

but the background color is not displayed.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525831

I see a “.slideshow” rule in your custom.css file – but you do not have any properties within the rule.

The rule should look as follows:


.slideshow {
background: none repeat scroll 0 0 #0067A2
border-bottom: 1px solid #EEEEEE
padding: 40px 0;
}

Please check again and update the rule accordingly.

Also, just to be safe, you should update the rule within file path –> /templates/purity_iii/css/themes/corporate2/layouts/corporate.css
at line 3


.corporate .slideshow {
background: none repeat scroll 0 0 #0067A2
border-bottom: 1px solid #EEEEEE
padding: 40px 0;
}

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525838

Have the changes made ​​or checked.
The background color is unchanged # f7f7f7, but should be # 0066b9

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525840

<em>@nennker 415262 wrote:</em><blockquote>Have the changes made ​​or checked.
The background color is unchanged # f7f7f7, but should be # 0066b9</blockquote>

Are you making the appropriate modifications to the CSS rule – and then saving your changes?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525860

the semicolon is missing on this file : http://fvs.nennker.de/templates/purity_iii/css/custom.css

Tom : This is because of the editor issue

Replace this code

.slideshow { background: none repeat scroll 0 0 #0066b9 border-bottom: 1px solid #EEEEEE padding: 40px 0; }

with

.slideshow { background:#0066b9; border-bottom: 1px solid #EEEEEE; padding: 40px 0; }

1 user says Thank You to chavan for this useful post

1. nennker

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525870

that’s it. Thank you!

A supplementary question:

How can I vary the top and bottom now?

Above, I have now no border, under the picture but is still an edge.

How can I set this also to 0px?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525879

There is somehow a <BR> tag in the slideshow. can you send me the admin details of your site in PM.

do you a layout similar to the attached image

---

Attachments:

1. 

1 user says Thank You to chavan for this useful post

1. nennker

[nennker Friend nennkerJoin date: July 2011Posts: 69Downloads:0Uploads:13 Thanks: 19 Thanked: 3 times in 1 posts]

#525889

now its fine. I deleted the br. thanks
see my demo: http://fvs.nennker.de/index.php/praxis/willkommen

[Author]

Posts