Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 29, 2018 at 4:36 pm #904304
    bakbek

    Hi, as you can see in the screenshot, I want to make the image take the full width of the column element without making the entire column use 0px padding because I have text below the image and I want the text to keep the current 30px padding.

    How can I do this?

    January 31, 2018 at 4:00 am #905305
    Ismael

    Hey DROR,

    Thank you for using Enfold.

    Looks like you managed to fix the issue. There are no more spaces on both sides of the images. Do you still need help with it?

    Best regards,
    Ismael

    March 7, 2018 at 2:38 pm #923027
    Berlinizer

    Hey! I want to do the same on homepage. Any chance to seperate the Picture from the rest of the Column padding? Of course I could use different columns or grid boxes underneath, but on mobile it would cause problems as the boxes – which are now in 1st row – will be underneath, so all pics would be underneath followed by all text columns which I don´t want of course.

    March 7, 2018 at 3:25 pm #923073
    Victoria

    Hi Berlinizer,

    Could you please give us a link to your website, we need more context to be able to help you.
    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 7, 2018 at 3:30 pm #923081
    Berlinizer

    I need it for the homepage boxes “construction”. Can I post screenshot of mockup somehow?

    March 8, 2018 at 5:59 am #923557
    Rikard

    Hi,

    You can upload screenshots to a service like google drive, dropbox, box, imgur etc. and then link to it here.

    Best regards,
    Rikard

    March 8, 2018 at 10:12 am #923693
    Berlinizer

    Ok, here is the link with screenshot: (see below)

    March 8, 2018 at 11:26 am #923761
    Victoria

    Hi Berlinizer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.page-id-19 div .av_one_fourth {
    padding: 10px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 8, 2018 at 11:40 am #923780
    Berlinizer

    I don´t want other space between colums (as I already inserted it), I want NO padding between above Image but padding around the text below image in SAME column! If I insert padding to column, the padding is for ALL elements in Column.

    March 8, 2018 at 11:58 am #923797
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av_section_3 .av-special-heading.av-special-heading-h3 {
  padding-left: 10px;
} 
#av_section_3 .av_textblock_section {
  padding: 10px;
}
#av_section_3 .hr-custom.hr-left {
  padding-left: 10px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 18, 2020 at 5:51 pm #1205065
    SarvikuonoD

    Hi Victoria

    If I want to create full width -image to my website using Enfold how can I use this css-code.

    Css starts…
    .page-id-19 div .av_one_fourth {
    padding: 10px;
    }
    … Css ends

    19 must be the id of page? But what is av_one_fourth? What is the right code for image-module, what will at the beginning on content column.

    yrs.
    Nikolai Ylirotu

    April 20, 2020 at 4:44 am #1205375
    Rikard

    Hi Nikolai,

    That CSS won’t get you a full width image, please try setting it as a background to a Color Section element instead please. The av_one_fourth is a class of the 1/4 layout builder element.

    If you need further help then please post a link to your site and try to explain your intentions a bit further.

    Best regards,
    Rikard

    November 28, 2020 at 1:01 pm #1263673
    Fitematrulle

    Hi, as you can see on the website, the image of the one third column has some whitespace on the left and right. I would like to have it full width, but the icon and head should stay the same. How can I change this?

    November 29, 2020 at 7:03 am #1263750
    Rikard

    Hi Fitematrulle,

    We can’t view your site, since it’s in maintenance mode.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.