BUSINESS CONSULTING — Changing the padding between paragraphs

Home Forums All Other Themes BUSINESS CONSULTING — Changing the padding between paragraphs

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #168242
    Casara Clark
    Participant
    • Topics: 18
    • Replies: 25
    • Total: 43
    Member since: April 24, 2020

    Hey!

    I’m working here on this page: https://www.ramolawpc.com/refresh/attorneys/elsa-ramo/

    The format, as it is now, looks like there’s certain padding before and after a line break (so basically, I don’t have to insert a blank line to get a space between paragraphs).

    But the company is saying they want less padding in some sections (specifically within the tabs, with the bullet points and “headings” which are just <p> text bolded), so how can I change that? I don’t want it to be exactly the same as the padding between lines with no line break, but perhaps somewhere in the middle?

    I also tried making them headings and the padding seemed more extreme.

    Thank you!
    Casara

    #168294
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS to reduce space.

    #skt-builder-tab-234 p {
        margin-bottom: 8px;
    }

    Regards,
    Brad

    #168320
    Casara Clark
    Participant
    • Topics: 18
    • Replies: 25
    • Total: 43
    Member since: April 24, 2020

    Ahh, thank you! This worked on the paragraphs perfectly, but I thought it would also affect the space between the lines and the lists in other tabs (like under AWARDS/RECOGNITIONS) on this page — https://www.ramolawpc.com/refresh/attorneys/elsa-ramo/

    And it didn’t. Perhaps lists have their own padding at the top?

    I thought I was making the task simpler by just asking for paragraph padding, but I guess not, I guess lists’ margin-top padding must be different?

    I did try to take the code you offered and adjust it!

    #skt-builder-tab-234 li {
        margin-top: 8px;
    }

    But this did not work.

    How can I edit the padding between the line and the bullet point list?

    Thank you!
    Casara

    #168383
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    #skt-builder-tab-303 p {
        margin-bottom: 0px;
    }
    #skt-builder-tab-303 ul {
        margin: 5px 0;
    }

    Regards,
    Brad

    #168409
    Casara Clark
    Participant
    • Topics: 18
    • Replies: 25
    • Total: 43
    Member since: April 24, 2020

    Thank you. The AWARDS/RECOGNITIONS tab looks great! I was hoping this would be a global change though, but I’m seeing that it’s only affecting that tab, not any of the others.

    I can definitely work with this and I see how I can use your code as a template, figure out the block number for the every other tab I want to be affected, and copy and repaste … is my understanding correct? Is that the way I have to do it?

    It’s fine if I do, and it is fine if there’s no global way to change that spacing, but I do want to confirm ahead of time, since doing so WILL be time-consuming (15 pages like this, all with their own tabs).

    So to summarize, is there an easy way to apply that change globally for all the tabs on all the pages? (if not, I do have the information I need from you to apply it to every tab individually, so thank you!)

    Thank you so much!
    Casara

    #168475
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

    #skt-builder-tab p {
        margin-bottom: 8px;
    }
    #skt-builder-tab ul {
        margin: 5px 0;
    }

    Regards,
    Brad

    #168497
    Casara Clark
    Participant
    • Topics: 18
    • Replies: 25
    • Total: 43
    Member since: April 24, 2020

    Thank you so much. It looks like some tabs are taking on the general code and some are not. I will just take your template for the css to enter for each specific tab and go from there for each tab on each page.

    Thank you again!
    Casara

    #168570
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    Which tabs are not working with general CSS code?

    Regards,
    Brad

    #168740
    Casara Clark
    Participant
    • Topics: 18
    • Replies: 25
    • Total: 43
    Member since: April 24, 2020

    Thank you so much for asking, but once I pulled up the pages that weren’t sticking, it was much quicker and easier to just make the change right then, using the individual tab coding you provided above. Way less needed the individual coding than I initially thought, but they’re all looking good now. Thank you!

    #168845
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    👍

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