- This topic has 10 replies, 2 voices, and was last updated 1 year, 11 months ago by
Leo.
-
AuthorPosts
-
May 21, 2019 at 2:19 pm #907177
Kevin Wabiszewski
Hello, I’m not sure if this issue is associated to Generate Press or not, but would you happen to know why there is more space below images on the page than there is on the top?
You can look at the top image on the page linked below to see what I’m talking about.
I’ve spent an hour trying to figure out why the spacing is different but can’t seem to find a solution.
May 21, 2019 at 2:29 pm #907180Leo
StaffCustomer SupportHi there,
I assume this is the little space you are referring to?
https://www.screencast.com/t/62kEVu9rThat is default
line-height
property added to the<p>
tag by the theme.Not the easiest to deal with but a couple of options:
– Add the image without the<p>
tag.– Give the
<p>
tag a class like<p class="no-line-height">
then target with CSS:p.no-line-height { line-height: 0; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 21, 2019 at 2:52 pm #907191Kevin Wabiszewski
Hey Leo, thanks for the quick response. I added in the CSS but I still notice there is slightly more space below the image than there is above.
Check out the first image on this page and let me know what you think… maybe I’m going crazy haha.
https://www.marineapproved.com/best-air-rifle-scopes-review/
May 21, 2019 at 6:24 pm #907288Leo
StaffCustomer SupportHmm that page has the exact same issue here:
https://generatepress.com/forums/topic/spacing-before-and-after-images/#post-907180I’m not seeing either of the fix being applied.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 21, 2019 at 6:31 pm #907291Kevin Wabiszewski
Hi Leo,
What exactly do you mean by “Add the image without the <p> tag.”?
May 21, 2019 at 6:38 pm #907295Kevin Wabiszewski
Would giving the image a CSS class then targeting with CSS work? What would the code look like for that?
I’m just trying to find the simplest way to even out the spacing
May 21, 2019 at 6:39 pm #907299Leo
StaffCustomer SupportBasically remove the
<p>
tag that’s highlighted in this screenshot:
https://www.screencast.com/t/62kEVu9rIt might be added by default though I’m not sure if there is a way to remove that in Elementor editor.
If not then you will need to apply the second solution.
Definitely no easy way around this.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 21, 2019 at 6:45 pm #907305Kevin Wabiszewski
Ok no problem. How do I assign the <p> a class? wouldn’t that affect all paragraphs?
May 21, 2019 at 6:47 pm #907308Leo
StaffCustomer SupportYou would only add the specific class to the
<p>
above the<img>
.I’m not sure how you would add it using Elementor.
Personally I would try to ignore that little space π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 21, 2019 at 6:50 pm #907310Kevin Wabiszewski
Haha ok thank you!
May 21, 2019 at 6:53 pm #907313Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.