Archived topic
Remove Text Padding from paragraphs
3 replies · Started by Travel2Mania on November 29, 2021
Guys,
There seems to be alot of padding around the paragraph sections of a grid Im creating. whats the best way to remove all of this so that there is no left, right, top or bottom padding?
Current view : Cliek here
Expected Outcome: Scroll down to Championship Package
The only CSS I have is below
/* ***************** Body Font ***************** */
@media (max-width: 768px) {
body {
font-size: 3px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
body {
font-size: 15px;
}
}
@media (min-width: 1025px) {
body {
font-size: 17px;
}
}
/* ***************** H1 Font ***************** */
@media (max-width: 768px) {
H1 {
font-size: 31px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
H1 {
font-size: 43px;
}
}
@media (min-width: 1025px) {
H1 {
font-size: 55px;
}
}
/* ***************** Image Border ***************** */
.crg-image-border img {
border: 5px solid #EDCD1F;
}Cheers as always lads
Hi there,
Have you tried select the containerblock and check if there's any padding set?
There's a default 1.5em bottom margin set for paragraph which can not be removed within the paragraph block. You can give this gridblock a custom CSS, eg. packages, then add this CSS:
.packages p {
margin-bottom: 0;
}How to add custom class: https://wordpress.com/support/adding-additional-css-classes-to-blocks/
For more info, please link us to the published page.
Thanks Ying,
I added the below code to the Grid as advised, however this only removed the space in the first container, not all of them.
It seems because (although set to 0) the left and right margin still exist in the other containers, this is causing the containers to be bigger than required, and spaces are not been removed for that reason.
.packagedetails p {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}See Admin View & Live View
Does the Gridhave vertical gap set?
I really can't help much without seeing the code, screenshot doesn't really help in this situation, I'm sorry.
