SOLVED Center RokSprocket Headlines text
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 15
- Another Old Hack!
-
What is the proper way to center RokSprocket Headlines text?
I've set 'text-align:center;' and 'margin-left:auto;margin-right:auto;' on everthing from the article content all the way to the UL container but nothing works. I'm stumped! - Just another old hacker!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Your subscription appears to have expired. Support does require a current subscription.
What template? Link to your site? Please do a screenshot of your problem and annotate to make it clear.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 15
- Another Old Hack!
-
MrT,
Here is a screenshot:
This image is hidden for guests.
Please log in or register to see it.
One by one, I added different elements to try and get the text to center:
.sprocket-headlines-container, .sprocket-headlines-container .sprocket-headlines-list { background: #990000 url('images/backgrounds/bg-990000.jpg') left top repeat scroll 0 0; text-align:center; } .homepage #showcase-a .sprocket-headlines-list {float:none;} .homepage #showcase-a .sprocket-headlines-list li, .homepage #showcase-a .sprocket-headlines-list li .sprocket-headlines-item, .homepage #showcase-a .sprocket-headlines-list li .sprocket-headlines-item .sprocket-headlines-text { color:#ffffff !important; margin-left:auto; margin-right:auto; } }
The text still aligns to the left.
- Just another old hacker!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Ok, I would need a link to your site to be able to check that.
Please can you use the "contact us" at the bottom of the page to report your problem with renewing your subscription (I will mention it to them too).
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 15
- Another Old Hack!
-
MrT,
I've sent a contact form on my payment issues. - Just another old hacker!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Ok but still no URL to go with the login details?
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 15
- Another Old Hack!
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 15
- Another Old Hack!
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Thanks for renewing your subscription
Use this code...
.sprocket-headlines-item { width: 100% !important; } .sprocket-headlines-container, .sprocket-headlines-container .sprocket-headlines-list { width: 100% !important; }
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 15
- Another Old Hack!
- That fixed it! Thanks.
- Just another old hacker!
-
Time to create page: 0.080 seconds