Forum Replies Created
-
AuthorPosts
-
June 21, 2022 at 5:44 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1356032
Hi Rikard,
It looks OK on my end too, that’s what I wrote you in my former message, so if it looks OK on your end too, everything is perfect!
Thank you so much, it works!
Best regards,
Olivier
June 21, 2022 at 1:09 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1356004Hi Rikard,
I tried this instead and it didn’t work: the width of all the page is 1310 px again.
So I tried to do both, and not insted, and it seems to work:
.responsive #main .container {
max-width: 917px;
width: 917px;
margin: auto;
float: none;
}.av-logo-container, #footer .container {
width: 1310px !important;
max-width: 1310px !important;
}Can you check on you side?
Thank you so much again!
Best regards,
Olivier
June 21, 2022 at 3:11 am in reply to: How to add margins (or padding) on the left and right sides of the content only #1355915Hi Rikard,
Thank you very much: it works!!!
The only issue remainaing is on the footer which is now in 917px width instead of being in 1310px like the header.
Can you check on your side?
Thanks again and best regards,
Olivier
June 20, 2022 at 8:03 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355878Sorry, maybe my answer is not clear enough.
What I want to keep in fullscreen with are the backgrounds of the sections, when they are set to be in full screen width in Enfold.
Best regards,
Olivier
June 20, 2022 at 7:50 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355874Hi Rikard,
Thank you very much and yes, that is exactly how I want it.
I have pasted your CSS in the WordPress ▸ Customize ▸ Additional CSS field and it works!!!
Bravo!
The only last issue is that now even the sections in which we have activated a width in full screen are now limited to a width of 917 px.
Is there a way to create an exception in the CSS to keep this sections in full screen width?
Thank you so much,
Olivier
June 19, 2022 at 6:54 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355771Hi,
Thank you very much, I have activated the option to delete the old CSS and JS files under Enfold->Performance (It was not activated) but I cannot see any changes, even after saving again the last changes we had done together on Qucik CSS.
Any other idea?
Tanks again,
Best regards,
Olivier
June 18, 2022 at 12:13 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355683Hi Rikard,
Thank you very much, I have pasted your code in the Qucik CSS and settled the maximum width of the site at 917px in Enfold->General Layout->Dimensions, but it still doesn’t work… :-(
Any other idea?
Thank you so much,
Best regards,
Olivier
June 17, 2022 at 6:22 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355632Hi,
Thank you for your answer.
We want to keep the width of the header (menu bar) and the width of the footer to 100% (1310px).
And we want to set the width of the main content of the pages (the body) to 70% (917px).
Is it more understandable for you?
Thank you so much,
Best regards,
Olivier
June 16, 2022 at 6:04 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355532Hi Rikard,
Sorry but it still doesn’t work, the width of the main content is still 100% even if I have settled it at 70% in Enfold->General Layout->Dimensions.
Any other idea to fix this?
Thank you so much,
Kind regards,
Olivier
June 15, 2022 at 6:29 pm in reply to: How to add margins (or padding) on the left and right sides of the content only #1355374Hey Rikard,
I have pasted the code in Quick CSS after this in Enfold->General Layout->Dimensions I have settled the width of Content+Bar at 70% dut it doesn’t work.
I also tried to reduce by 30% the maximum width of the contener in px but it doesn’t work.
Any other idea?
I don’t know if this can help but I copy/paste just below all the lines of the Quick CSS window:
.av-logo-container, #footer .container {
width: 100%;
max-width: 100%;
}.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
font-weight: bold!important;
font-size: 15px!important;
}#top .av-tab-arrow-container span { background: #059ed1!important; }
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text { padding-left:20px; padding-right:20px; }
.av-masonry-date {
display: none!important;
}/*—————————————-
// CSS – Styling contact form 7
//————————————–*//* Textarea email and input fields */
#top .wpcf7-form input[type=’text’],
#top .wpcf7-form input[type=’email’],
#top .wpcf7-form .wpcf7-textarea {
/*border-color: #d0d2d3;*/
/*background: #dbebfa;*/
/*color: #00334e;*/
font-family: “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1em;
padding: 13px!important;
border-radius: 2px;
}/* Submit button */
#top .wpcf7-form .wpcf7-submit {
padding: 15px 30px;
border-radius: 2px;
}Thank you so much for your help,
Kind regards,
Olivier
-
AuthorPosts