Colour section not taking CSS into account from section 5 on

Yes, the admin is hereunder.

The following CSS:

This code appears in colour section 4 :
<h2 style=”text-align: center;”>ALTALEO vous fait bénéficier de son expérience dans les problématiques comptables transfrontalières.</h2>

it uses the following CSS coming from the advanced CSS customisation panel of your template:

media=”all”
#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
font-size: 28px;
line-height: 1.7em;
font-family: ‘proxima-nova’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-transform: none;
}

The following block is in colour section 5 at the bottom of the page, it is generated via template builder, as a copy of the section 4, but it uses another CSS:

<h2 style=”text-align: center;”>ALTALEO vous fait bénéficier de son expérience dans les problématiques comptables transfrontalières.</h2>

uses the following CSS:

media=”all”
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: uppercase;
letter-spacing: 1px;
}

The result is that the letters are capitalised and the line-heigth changes.

• This reply was modified 9 years, 9 months ago by eurobc.

Another strange thing happening from 5th section on:
I created also two 1/2 boxes containing text in section 5 (the same as in section 4) – and the responsiveness is lost:

Boxes in section 4 are one below the other (responsive as it should).
The same boxes in section 5 stay one beside the other (responsiveness is lost).

I didn’t use a containing 1/1 section for the first one.

I tried putting the second one in a 1/1 section, but nothing changes.

Please log in my website and you can test yourself whatever you want on this page, it’s just a test page.

Hey Andy,

I disabled all plugins, but the problem persists.

Cheers! Seb

I don’t understand what you did. On the altaleo.com/new page, that fixes the bug, but on altaleo.com, the bug is still there, altough I have many more color sections. What should I do exactly to fix this problem?

In iPhone size:
The container after the second image applies this CSS:

media=”all”
@media only screen and (max-width: 767px)
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}

The following containers seem to apply another CSS. It seems they are not able to detect that their size because they are not taking the right CSS:
media=”all”
.container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0px 50px;
padding-top: 0px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 50px;
clear: both;
}

Where does the problem come from?
All my 1st columns are set on “individual height”, “space between columns”.

• This reply was modified 9 years, 9 months ago by eurobc.

Hi Andy,
Please find attached the explanation of the problem in PDF format. But, I found also the solution :-)
The problem is due to a div with ID called “wrap_all” that ends too soon, so that it doesn’t wrap it all… Your theme inserts one superfluous “closing div” somewhere after these 1/2 columns, each time these 1/2 columns are created.

In debug mode:
I add a <div id=”wrap_all”> after the 1/2 columns and before the slider revolution shortcode.
I don’t insert any </div>, since there is already one superfluous each time.

This solves the problem, but I think it is a bug in your theme that should be addressed in a future update.

When I have too many colour sections, the page crashes on iPads, so that it’s not a solution.

Your theme is not working. I’m changing to Avada.