Archived topic
Boxed layout with 120px margin on top.
12 replies · Started by LUIS on November 16, 2018
Hello Friends
there is any one who could explain me where to add a margin to the full to site please
In oceanwp i do it not problems ??!!
.boxed-layout {
margin-top: 200px;
}
@media only screen and (max-width: 1024px) {
.boxed-layout {
margin-top: 0px;
}
}
Here is what i would like to have please help !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
LINK for picture
https://drive.google.com/open?id=1mqcgh9mxoj6tV3Ywt0mprMU0gpaNds2n
Hi there,
can you link is to the site? You can edit the original topic and use the site url for privacy.
Hi David i'm working on localhost for the moment, i just by the theme and trying trainning my self first
huummmm !!!!
no body can help me ??
Right ok.
So this site:
https://generatepress.com/site-library/#spacious
uses:
body {
margin: 5%;
}
If however you are using a contained page and you just need the top margin then this:
.site-header {
margin-top: 5%;
}
That is unless you have a top bar above then we would need to tweak accordingly.
Hello there, if someone with knowlodges see this post !!
I apply this but medias queries are not happy
.site-header {
background-color: #ffffff;
color: #3a3a3a;
margin-top: 220px;
margin-left: 240px;
margin-right: 240px;
}
#site-navigation{
margin-left: 240px;
margin-right: 240px;
}
.entry-title{
margin-left: 240px;
margin-right: 220px;
}
#footer-widgets,.site, footer {
margin-left: 240px;
margin-right: 240px;
}
Thank you David, that's worked but needing more margin from sides
Which method did you use? body or .site-header?
.site-header {
margin-top: 12%;
}
David is great Tom !!!!!!!!
Yes he is :)
So if you want to add spacing to the sides as well, you can do this:
@media (min-width: 769px) {
body {
padding-left: 100px;
padding-right: 100px;
}
}
Thank you Tom !!!!
No problem! :)