wordpress, impossible to remove spaces, why ?

[angelium]

Hello,

1. I have tried to remove the spaces under the title of my blog : http://www.penser-ensemble.eu/sujets/actualite/

under this title (Pôle d’Echanges pour les Solidarités Educatives)

the spaces come from the padding-top of the section below it, so i’ve tried to add :

#et_pb_section et_pb_section_0 et_section_regular et_pb_section_first { padding-top : 5px !important;}

But nothing happened! any idea ?

1. My second question is how to make the side bar of this page larger (in order to make it more organised).

Thank you !

[Shikkediel]

It is a class (not an id) and needs several . and no spaces instead of a # in front…

.et_pb_section.et_pb_section_0.et_section_regular.et_pb_section_first {
  padding-top: 5px !important;
}

Not sure what your other question is aiming at.

[Paulie_D]

The extra padding is in the HTML in an inline style attribute…

<div class="et_pb_section  et_pb_section_0 et_section_regular et_pb_section_first" 
data-fix-page-container="on" style="padding-top: 111px;">

[Paulie_D]

As for making the sidebar wider….the left side is set at 80% and the sidebar 20%…so you’d have to change those.

body #page-container #left-area {
    width: 80%;
}

body #page-container #sidebar {
    width: 20%;
}

I imagined this is in your template somewhere but there seems to be a boatload of styles in the head of the page…not sure that’s normal.

        <style id="theme-customizer-sidebar-width-css">
        body #page-container #sidebar { width:20%; }
                body #page-container #left-area { width:80%; }
                .et_right_sidebar #main-content .container:before { right:20% !important; }
                .et_left_sidebar #main-content .container:before { left:20% !important; }   </style>

[christaelrod]

Change the CSS option from “Inherit” to “0px” in the below class

.et_pb_section.et_pb_section_first {
padding-top: 0px;
}

[Author]

Posts