[Resolved] Divi builder: Parent module inherit styles applied to the content template

[Author]

Posts

[francineP]

Hi, Here is what I am doing:
1) create a content template using Divi builder and apply a solid border of 2 pixel to the text module
2) create a view using that content template to list all taxonomies.
3) embed that view in a text module on a page
.......
I expect to get a list of taxonomies (categories), each of them surrounded by my solid border
But unfortunately the border does not only apply to each taxonomy element but also to the entire list of taxonomies, i.e. each category is surrounded by its own border AND the whole list of categories is also surrounded by a border as if the text module embedded in the page would have inherited the style applied to the text module created in the content template. The exact same problem happens if I apply a background color. Can you please help as this is recurrent problem which I do not have any clue how to fix.
Many thanks in advance.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - could you please share problem URL and access details so I can able to look what is the cause of the issue.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I would additionally need your permission to de- and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. If you agree to this, please use the form fields I have enabled below to provide temporary access details (wp-admin and FTP).

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Ok - I've added following CSS to your view's output editor's CSS box:

.et_pb_text_25 {border: none !important; } 

#wpv-view-layout-1201 > div.et_pb_section.et_pb_section_22.et_section_regular > div  {
border: 3px solid #f9c5b7;
  
}

I can see now outer border is not displaying now.

[francineP]

Dear Minesh,

My question was more generic. Solving it by removing a border which should never have appeared using CSS does not help.
I need to understand why this border appears. This problem is recurrent, I have added a border to the embedded module, there is no reason that the whole loop gets wrapped with that same border. This case is with a border, but I struggle the same with background colors or with padding or with margins. I need to understand the root cause.
Please explain what is the root cause for this wrapping border to appear in this context.
Thanks in advance

[Minesh]

Well - I see one cashed CSS file is loaded and that has the border code.
=> hidden link

What if you try to delete the browser cache + server cache + deactivate any cache plugin you are using and check if that helps.

[francineP]

Hello, I have tried to delete all possible cache but it does not change anything. Is there a way I can remove that cached style sheet differently?

[Minesh]

What if you try to delete that cache file using FTP?

As you can see this the file is located on following path path:
=> => hidden link

[francineP]

thank you, I have removed that file, the it does not resolve the problem. I will find a different way of presenting the categories. You can close this ticket. Thank you for your help anyway.
Kind regards
Francine