[Support request] Remove Text Padding from paragraphs

Home Forums Support [Support request] Remove Text Padding from paragraphs

Home Forums Support Remove Text Padding from paragraphs

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2030363
    Travel2Mania

    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

    #2030383
    Ying
    Staff
    Customer Support

    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.

    #2032378
    Travel2Mania

    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

    #2032390
    Ying
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.