-
Posts
-
http://www.motherhoodincorporated.ca/ma/
Having an issue with the bullet points on explore and chrome http://www.motherhoodincorporated.ca/ma/forfaits/individuels/. the bullet point is way over to the left, while the text is centered.also how can i not have those boxes always centered? I’d like to have the regular formatting on them so if i want the content centered i’d center it with the toolbar?
Hi Enmodeaffaires!
The theme’s base style for unordered lists is for the bullet to be on the outside which browsers will render like that when the text is centered. You can change it by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.entry-content-wrapper ul { list-style: disc inside; }Cheers!
Devinthanks that helped. Is there a way not to have the text in those icon boxed automatically centered? I’d like to center it in come cased, not in others
Hi!
Thank you for the update.
Please remove the inline styling then add a custom css selector for the iconboxes that you want to have a centered content. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_theme_support('avia_template_builder_custom_css');Edit any avia elements like the icon box element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “.centered-iconbox “.
You can add something like this on your custom.css or Quick CSS:
.centered-iconbox div.iconbox_content_container { text-align: center; }Refer to this link for more info: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Cheers!
Ismael
- You must be logged in to reply to this topic.