Public Forums 71,145 posts

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

#195659

Hi,

where I can change the background color on the left und right side of the content area?
I would like to enter the changes in custom.css.

See the demo picture. I want to change the red area

---

Attachments:

1. 

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

#526180

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

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

#526204

Go to this Custom.css

Replace this code

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

with

.slideshow { background: none repeat scroll 0 0 #FF0000; 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]

#526237

I don`t mean the background of the slideshow, but the right and left margin below the slideshow module.

Left and right next to the module sidebar-1 / sidebar-2 or position 5

I have highlighted the area in red – http://www.fvs.nennker.de

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

#526287

Add this code to custom.css

#t3-mainbody{
background:#FFF;
}

.slideshow .container {
padding: 0 !important;
}

.slideshow .container img{
width:100%;
}

.t3-wrapper{

background: #63A5DC !important;
}

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

#526308

Hi, thanks for your work, that it is not the result I wish.

See the result after changing the custom.css

And here the result I would like to have:

---

Attachments:

1. 
2. 

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

#526383

Add this code to custom.css

.t3-wrapper{

background: #F7F7F7 !important;
}

#t3-mainbody{
background:#FFF !important;
}
.slideshow .container {
padding: 0 !important;
}

.slideshow .container img{
width:100%;
}

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

#526421

I changed the custom.css. To see the reult in a better way I uses the color #123456

My wish

---

Attachments:

1. 
2. 

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

#526429

Hi, I disabled the positions 1 to 4. These were used on the demo page

Now I`m using an artikle with the images and it`s ok.

http://fvs.nennker.de

Many thanks.

Only the main menu is narrower on the left and right sides.

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

#526462

I think your site looks good, please post a screenshot of the main menu what you say is narrow. I couldn’t find that.

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]

#526473

There was one setting in your css code, which has ensured that the main menu was narrower.

I made another entry in custom.css.

/* Ausnahmen für den container-Rand / exception for the container edge mainmenu */
#t3-mainnav .container {
padding:0;
}
.head-search, .navbar-toggle + .head-search {
right: 0;
top: 0;
}

Now it`s ok.

Many thanks chavan

[Author]

Posts