-
Posts
-
Hi,
I have tried removing padding and margins in a column that contain an image.tried this code:
#full-width-section .page-id-8384 .container {
width: 100%;
max-width: none !important;
padding: 0;
}but it didn’t work… do you have an idea on how to help me ?
Thanks guys.
Hey pberquet,
Can you try this instead please:
.page-id-8384 #full-width-section .container { width: 100%; max-width: none !important; padding: 0; }If that doesn’t work, would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
SarahHi,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
For your information, you can use CSS that will apply to specific screens only using Media Queries. You can read about it here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
SarahHi pberquet,
Which margins exactly and for what screen size do you need removed?
Best regards,
VictoriaHi Victoria,
Actually, I would like to have the margins and paddings reset when I leave desktop size.
so that I can choose for myself the margins and paddings of each element for every screen size.Regards.
Hi,
Thank you for the link, and for informing us that you would like to change the margins for the color section at the very top. :)
In order for us to help you accurately, can you tell us more about your request? Please let us know which margins you want to change, and how exactly you wish to change them. For example: “Inside the color section, I would you like to change the space above the text, ‘Préparez votre expatriation’. I would like this space to be 10px on mobile phones only.”
Thank you!
Best regards,
SarahHi Sarah,
Yes, I am being really vague and I am sorry for that. The thing is that I don’t really know how much margins I would like on each element, that is why I asked you colleague Victoria if you guys have a bit of code that would reset the margins and paddings to default, under certain screen sizes.
Because otherwise, I would have to give you every margin for every element, and you’d be doing my job ;)
Thanks again for the great support.
Regards
Hi,
Okay. I’ll try to get you started. :)
I see that you’ve set the color section to have the ID “header-home”. This color section, by default, has paddings of 50px. It also has automatically set margins to center it. To change the padding, you can try this:
#header-home .container:first-child {padding: 10px;}If you need to change other margins, you’ll have to check the source code (right click on the page in your browser, then select “Inspect” or “View Source”) and see the classes for the element you wish to change.
If you need to make some CSS code work only for phones or tablets, or only for desktops, please use this page for reference: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
I hope that helps!
Best regards,
SarahHi again,
I am trying to force all the images on this page to be in full screen whenever the user is on mobile or tablet.
I have tried pretty much everything (widht | heigth | margins etc.) on these classes :.page-id-8384 #full-width-section .av-styling-no-styling .avia_image
I think the problem is coming from the 2/3 column, wich contains all the images.
Do you have an idea of how I could manage to centre all the images and put them in full screen?Thanks again
Hello!
Can you give us the link to where you’re trying to do this please? The link that you gave us before has a different page ID. Thank you!
Best regards,
Sarah
- You must be logged in to reply to this topic.