Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #809713

    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.

    #809746

    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,
    Sarah

    #809790

    Worked great!
    But now how do I get rid of these margins on smaller screens?

    • This reply was modified 4 years, 5 months ago by  pberquet.
    #809805

    Hi,

    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,
    Sarah

    #809816

    Sorry I forgot to add the link !!

    Here it is

    it concerns the first color section at the very top

    • This reply was modified 4 years, 5 months ago by  pberquet.
    #810442

    Hi pberquet,

    Which margins exactly and for what screen size do you need removed?

    Best regards,
    Victoria

    #810444

    Hi 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.

    #810479

    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,
    Sarah

    #810493

    Hi 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

    #810564

    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,
    Sarah

    #811450

    Hi 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

    • This reply was modified 4 years, 5 months ago by  pberquet.
    #811469

    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

    #811527

    Hi it is the same link : page id 8384

    #811756

    Hi,

    Best regards,
    Victoria

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.