SOLVED Centered White Content (divs) with Colored Background
-
-
- JSYMedia
- Sr. Rocketeer
- Posts: 134
- Thanks: 1
- Joomla plus Gantry
-
Server Details (Linux/Windows, Hosting service, etc) Linux PHP version 5.5.17 Platform (name and version) Joomla 3.3.6 Template/Extension (name and version) Gantry Free Template Link to the Issue dev.texascookietime.org/
I am totally stuck and for the life of me cannot figure out how to do this. Deadline is in 2 days and my brain is fried.
I need to have the main area of the site (content) be white with a colored background:
This image is hidden for guests.
Please log in or register to see it.
How do I get the main area of the site, from Content-Top down to above the footer. I have tried altering every div, every class, every everything and nothing seems to work. Do I need to manually change every module position and every gantry grid area to the required background color?
I am using the free Gantry template and already have it customised to be 960px wide and responsive.
Please help
- Last Edit: 10 years 6 months ago by JSYMedia.
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- Can you provide a link to your site?
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- JSYMedia
- Sr. Rocketeer
- Posts: 134
- Thanks: 1
- Joomla plus Gantry
-
Thank you.
dev.texascookietime.org/
-
-
-
- JSYMedia
- Sr. Rocketeer
- Posts: 134
- Thanks: 1
- Joomla plus Gantry
-
I'm sorry. The image is of the site I'm trying to emulate. It was not built with Joomla or Gantry.
www.gsnetx.org/
I'm trying to get the new site to look the same as their main site.
This URL would be a good page of what I'm trying to change:
dev.texascookietime.org/girl-scout-cookies/allergens-guide.html
Thank you. - Last Edit: 10 years 6 months ago by JSYMedia.
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
You can try adding this to your custom css file:
@media (min-width: 960px)
.rt-container {
background-color: rgb(126, 177, 110);
}
You will need to add more @media queries for other screen-sizes though
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
You should put the code in gantry-custom.css in the template's css directory so please remove the code from your LESS-file.
www.gantry-framework.org/documentation/j...custom_stylesheet.md - Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
-
-
- JSYMedia
- Sr. Rocketeer
- Posts: 134
- Thanks: 1
- Joomla plus Gantry
-
I removed it from the LESS file and added it to the gantry-custom.css file and I'm getting no effect at all in any responsive screen size. I tried changing the .rt-container before and it fills everything from Top to Copyright with the color and overrides all other color settings. In other words, when I add a background color to .rt-container the whole site becomes that color. I added it to the LESS-file mediaqueries-custom.less file and that's what I get. It also happens when I add it using Firefox's Inspect Element.
Thanks for your help. I do appreciate it. - Last Edit: 10 years 6 months ago by JSYMedia.
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
Ah, bad paste from my side...missed those extra {}
Change your current code to this:
@media (min-width: 960px) {
.rt-container {
background-color: #6b6b6b;
}
} - Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
Time to create page: 0.279 seconds