responsive page content setting in mobile view

[andrea90]

Hi, I’m new to CSS and I need to reduce the space around main-container (especially for mobile view) you can see i.e. on this page

http://drmassimodistefano.com/curriculum-vitae/

I want to keep a fixed value for that kind of “padding”.

I already set the padding to 0px for the main-container but I don’t know how to handle the space around.
Some advice please? I’m sorry for my poor knowledge of technical terms.
thank you

Andrea

[andrea90]

may I have to set OUTLINE parameters?

[Shikkediel]

There is an extra element at the top of the main container, its height is defined in the file with this path:

/wp-content/uploads/elementor/css/post-612.css

.elementor-612 .elementor-element.elementor-element-67d97bd .elementor-spacer-inner {
 height: 50px;
}

[andrea90]

thank you.
and what about the Left/right space ?

[Shikkediel]

Looks like you have defined it yourself with cosy-custom-styler? In any case, it’s this style rule (placed inline on the page):

body .main-container {
 margin: 60px;
}

If you want to vary the sides, you could write it like this for example:

body .main-container {
 margin: 60px 20px;
}

[andrea90]

thank you it worked.
And what about text alignment in footer Copyright? I put this in the css file:

body footer {
text-align: center;
position: absolute;
background-color: #ffffff;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
line-height: 60px;
padding: 0px 60px;
z-index: 2;
}
li body footer{
float: none;
display: inline-block;
}

But it seems that is not working.

[Shikkediel]

That second bit of CSS doesn’t target anything (body isn’t a child of any li) but other than that, the text looks centered to me.

[Author]

Posts