We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Contact Info Styling

Featured Lock Resolved Issue
Hi

For the template Organic Life, the Contact info and Contact map modules are shown at contact-info and contact-map locations. At this location the contact info is in green background and the contact map is stiched the to contact-info module.

My questions are
1. If I have the same contact-info at the right location (next to component), then the styling is lost. How can I have the same style (green background) to this module
2. How to introduce spacing between the contact-info and contact-map modules

You can access the following URL

http://www.sscpl-india.com/sscpl_main/index.php

Sanket

1 Answers

Alex Smirnov

More than a month ago #Permalink
Hi Sanket,

To create your own custom CSS styles please create custom.css file per our doc at http://www.joomshaper.com/documentation/helix/adding-custom-css-and-javascript-files.

If you would like to borrow a CSS style property, like "background" in your case, from module A and apply it to a module B, you need to assign to this module B its own CSS class suffix, as per wiki at https://docs.joomla.org/Module_Class_Suffix. Then create a CSS class for this module B in your custom.css and you should be good to go.

Regards,

Alex


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331456

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us