-
AuthorPosts
-
July 30, 2017 at 10:11 pm #831912
Hello,
I insert an image in a block text, when I inspect it I see it’s included in a paragraph but when I look at the html code, no <p>. I’d like to delete the margin top / bottom of the p.
My code : `<p class=”petit”>— FRESHLY BAKED —</p>
<img class=”aligncenter size-full wp-image-1031″ style=”margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;” src=”https://ciegeneralebiscuiterie.com/wp-content/uploads/2015/03/biscuits-icon.png” alt=”Compagnie générale de Biscuiterie” width=”43″ height=”43″ />`With the inspector :
<p><img class="aligncenter size-full wp-image-1031" style="margin-top:0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;" src="https://ciegeneralebiscuiterie.com/wp-content/uploads/2015/03/biscuits-icon.png" alt="Compagnie générale de Biscuiterie" width="43" height="43" srcset="https://ciegeneralebiscuiterie.com/wp-content/uploads/2015/03/biscuits-icon.png 43w, https://ciegeneralebiscuiterie.com/wp-content/uploads/2015/03/biscuits-icon-36x36.png 36w" sizes="(max-width: 43px) 100vw, 43px"></p>
And I want to get rid of :
p { margin: 0.85em 0; }
Can u help ? tx !!
July 31, 2017 at 1:59 am #831935Hey newki75,
Try this code in the General Styling > Quick CSS field:.wp-image-1031 p {margin: 0px !important;}
Best regards,
MikeJuly 31, 2017 at 10:30 am #832038Hello,
Unfortunately, this code doens’t work.
July 31, 2017 at 2:31 pm #832143Hi there!
Please try this instead:
.flex_column.avia-builder-el-1 > .av_textblock_section > .avia_textblock > p { margin:0 !important; }
Please let us know if that helps!
Best regards,
SarahJuly 31, 2017 at 2:47 pm #832153Yes it seems to work, I need to check if i didn’t change any of the design somewhere else.
Tx !July 31, 2017 at 3:29 pm #832176Great! You can use a Code Block right before the section or column (instead of Quick CSS) if you want to be sure.
I’ll keep this thread open for you for now, in case you need further help.Best regards,
SarahAugust 1, 2017 at 10:10 am #832733Perfect, I didn’t notice the .avia-builder-el-1 so it’s just the element id.
But when can I see it ? When I inspect this first div column, I see avia-builder-el-3. I’ve reproduce on the Chocolate column, I see 6, but I’ve entered .flex_column.avia-builder-el-4 and it works.
I will be more difficult when I go down in the page or on another, so could you tell me where u see the number of the .avia-builder-el-number ?Tx !
August 1, 2017 at 1:41 pm #832862Hi there!
avia-builder-el-3 is the button element after the paragraph we were trying to fix. avia-builder-el-1 is the 1/3 column (one of its classes is flex_column). For the Chocolate column, 6 is a button…What you need is the flex_column div.
Basically, you need to see the div that wraps around the element you’re trying to fix.
It might be helpful for you to turn on the custom class field for ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/This way, you can assign classes like, “chocolate-col” or “biscuits-col” :)
Best regards,
SarahAugust 1, 2017 at 3:32 pm #832932Awesome ! This line of code should be added in the theme version :-)
August 2, 2017 at 7:36 am #833234Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardAugust 2, 2017 at 9:35 am #833276You can close it !
August 2, 2017 at 2:04 pm #833457 -
AuthorPosts
- The topic ‘Image in a p ??’ is closed to new replies.