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:

How to Remove Default Styles on Right/Left Positions in Ensure

Featured Lock Resolved Issue
Hello there,

As it can be seen in the attached screenshot, there is some default styling (blue color, excess padding, curved angles, etc) on the right (maybe on the left too) positions in Ensure.

I just want a plain and simple right/left position without fixed styles. I tried to use Layout Builder. Row has a background color settings but right/left positions don't have this. I couldn't change blue color. But issue is not only blue color.

How can I simply change or disable all styles (blue color, padding, curved angles, etc) on the right/left positions in Ensure?

Thanks and best regards,
Victor

Attachments (1)

  • ensure-right-bar.jpg
    ensure-right-bar.jpg 44.3 KB

6 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Use this custom css

#sp-left .sp-column, #sp-right .sp-column{
background-color: #5a5db3 !important;
border-radius: unset !important;

}
#sp-left .sp-module, #sp-right .sp-module {
padding: 30px 48px 0px 48px !important;
}


Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Could you please share your site URL? So that I can check?
-Best Regards
Mehtaz

Victor

More than a month ago #Permalink
Hi,
Could you please share your site URL? So that I can check?
-Best Regards
Mehtaz


Here it is: https://bizbey.com/blog

Victor

More than a month ago #Permalink
Thank you very much. I have applied your css code and I am now very close to what I want. There are still 2 issues unsolved:

1. As default style, color for module title is white. This works when background is blue. I have changed the backgrund color to white and module title doesn't seem to be there. Could you give me a css to change the color of module title/header? Please see attached image or live: https://bizbey.com/blog

2. There is a framing of modules in right/left positions. How to remove/disable this framing (or boxing) which holds different modules into one single frame block? I want modules look separated instead of looking one long frame block.

I will appreciate help. Thanks.

Attachments (1)

  • title color.jpg
    title color.jpg 49.9 KB
Hi,
For title color use this css code

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title{
color: #5788d2;
}

For 2nd question create another thread


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

126

Templates

333385

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