1. Ensure
  2. Friday, 03 July 2020
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)
Accepted Answer
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
  1. more than a month ago
  2. Ensure
  3. # Permalink
Responses (5)
Hi,
Could you please share your site URL? So that I can check?
-Best Regards
Mehtaz
  1. more than a month ago
  2. Ensure
  3. # 1
Hi,
Could you please share your site URL? So that I can check?
-Best Regards
Mehtaz


Here it is: https://bizbey.com/blog
  1. more than a month ago
  2. Ensure
  3. # 2
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)
  1. more than a month ago
  2. Ensure
  3. # 3
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
  1. more than a month ago
  2. Ensure
  3. # 4


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.