-
Posts
-
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?
Hey Actionrev,
Could you please attach a mockup of what you’re trying to achieve?
Which section are you referring to?
Best regards,
VictoriaThe 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.
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,
RikardThat 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?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
- The topic ‘How to adjust padding for Cell Column within a Color Section’ is closed to new replies.