Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1258243

    I have an Image, within a Cell Column, that is within a Color Section. To the right within the same Color Section I have another Image that’s within a separate Cell Column. The Image to the right has too much padding or margin above it. (I’m assuming Padding). I would like to allow the Image to raise higher so that the black phone number doesn’t get muddied by the Background Image in the Color Section.

    Would adjusting the padding using CSS in the right Cell Column fix my issue? If so, what CSS should I use?

    #1258402

    Hey Actionrev,

    Could you please attach a mockup of what you’re trying to achieve?

    Which section are you referring to?

    Best regards,
    Victoria

    #1258863

    The Image of the Computer and Smart Devices on the right with the Call Today at the top needs to be raised but I think the padding is keeping it from allow the text to be in the white part of the background image. I assume the Button below will raise with Computer Image above but thats what I would like.

    #1259089

    Hi,

    Thanks for the screenshot. Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_1 .template-page {
      padding-top: 10px;
    }

    Best regards,
    Rikard

    #1259902

    That worked. Thank you.
    Unfortunately the fix I asked for created another problem when viewing on a smartphone. The text on the left side of the screen starting with “Diesel….” is in white and not as viewable because it hovers over a white background. Can you make any recommendation? Is there a way to create a gradient box around the text?

    #1259984

    Hi Actionrev,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1261371

    Let me know if the attached link shows the image correctly, please.

    #1261604

    Let me know if the attached link shows the image correctly, please.

    #1261671

    Hi Actionrev,

    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

    
    @media only screen and (max-width: 989px) {
      .av-special-heading.av-special-heading-h1.avia-builder-el-3 {
        background: #0000009e;
        padding: 20px 10px !important;
        border-radius: 4px;
      }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1261983

    That seems to work. Thank you.

    #1262036

    Hi Actionrev,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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

The topic ‘How to adjust padding for Cell Column within a Color Section’ is closed to new replies.