** SOLVED ** Centering "sprocket-features-img-container"
-
-
- BenGalf
- Sr. Rocketeer
- Posts: 137
- Thanks: 0
-
Good day Rocketeers!
Forums have been very helpful so far with my Gantry modifying. The "gantry-custom.css" feature is an AWESOME idea.
Thank you for that.
- My (test) website URL is: www.radiorockcafe.com/v5g
- My Joomla version number is J-3.1.1
- My Gantry version number is 4.1.12
My Issue is :
I'm trying to center the image of the "sprocket-features-img-container" in my gantry layout and even when I enter "margin-right : auto;" and "margin-left : auto;" the image stays on the left side.
I have not edited the gantry-custom.css file .. just tried adding it in the "Inspect Element" feature.
Here's a screenshot .. thanks for the help!
This image is hidden for guests.
Please log in or register to see it. - Last Edit: 11 years 9 months ago by BenGalf.
- Radiorockcafe, We just ROCK! .. Commercial free since 2008!
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
In your
rt_templatename-custom.css <-{Click the LINK}
file add this:Adjust values to suit.
.layout-showcase .sprocket-features-img-container img { padding-left: 50px; }
-
-
-
- BenGalf
- Sr. Rocketeer
- Posts: 137
- Thanks: 0
-
Thank you. That did the trick.
Being new to CSS and all, correct me if i'm wrong but ..
If i put a different size image in roksprocket WITHOUT resizing.. won't the "centering" be offset ? I thought there would be an "auto" centering setting i could add to the css.
Thanks again. - Radiorockcafe, We just ROCK! .. Commercial free since 2008!
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
instead of Dans advice try adding
.layout-showcase .sprocket-features-img-container img {
display: block!important;
margin-left: auto!important;
margin-right: auto!important;
float: none!important;
padding: 0;
}
-
Time to create page: 0.055 seconds