SOLVED Background behind rt-feature for homepage only
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
www.plano-web-design.com
Joomla 3.2
Gantry 4.1.18
Gantry template 4.1.18
RokNavMenu 2.0.7
I need a horizontal line going across the background behind the rt-feature at a certain distance from the top so it lines up with the nav buttons in the rokslideshow, and all this, only on the homepage. There's a different alignment for the line on the other pages. So I setup media queries and have images with repeat-x set to get the line to lineup properly for the various widths with:When I add the code to have it only show up on the homepage with:@media (min-width: 1200px) { #rt-feature { background-image: url('http://www.plano-web-design.com/templates/gantry/images/frontpage-bg.jpg') !important; background-repeat: repeat-x !important; } }It does not work. Is it possible to do this?@media (min-width: 1200px) { div#rt-feature ul.gf-menu li.item101 { background-image: url('http://www.plano-web-design.com/templates/gantry/images/frontpage-bg.jpg') !important; background-repeat: repeat-x !important; } }
Is there just a straight up CSS solution for the line without the photo?
Thank you for you help? - Last Edit: 11 years 5 months ago by eRimkus.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
try
@media (min-width: 1200px) {
.menu-home #rt-feature {
background-image: url(' www.plano-web-design.com/templates/gantr...ges/frontpage-bg.jpg ') !important;
background-repeat: repeat-x !important;
}
}
-
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
That is really great! Thank you!!!
If I want to try to get more efficient with the CSS, can I stack it up like:
.menu-executive-team #rt-feature, menu-news-announcements #rt-feature, menu-... {
-
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
How did you learn this stuff? You answer a lot of my questions, and I am very grateful for that. I'd like to learn more. Is there a info source you can recommend. I've looked at the tutorials rockettheme recommends, something beyond that. There seem to be so many more details to understand.
Thanks again for all your help Henning!
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I would say I learned most of it here in the forum ...
Keeping an eye on sites like css-tricks.com helps and of course building sites myself.
When I started I was designing just printed stuff ... and was disappointed by so called web developers and so I decided to learn that stuff myself ... thing is ... you never stop learning.
-
Time to create page: 0.083 seconds