Remove/Override Theme Cell/table Padding

  • Resolved davidknight183

    (@davidknight183)


    9 years, 9 months ago

    WP 4.2.2
    Theme: Sketch

    Looking for some code: HOW TO remove/ over ride theme cell padding. One cell has 3 lines, with only one line of text, would like to over ride this, so the table sits snug around the text.

    Also where to place the code. Assuming the Custom CSS.

    Thanks In Advance

Viewing 8 replies - 1 through 8 (of 8 total)

  • Can you post a link to your site?

    Thread Starter davidknight183

    (@davidknight183)

    Found a padding option, for the text, Just need padding around heading images.

    https://new.shaedz.com.au/portfolio/plantation-shutters/

    To clarify, are you referring to the image of your logo up in the upper left corner that says “Shaedz of Alice; Enjoy the perfect view”? If so, then try this code in your custom CSS plugin or your theme’s built-in custom CSS option, if one exists:

    .site-header {
margin: 0;
padding: 0;
}

.site-branding {
margin: 0;
}
    Thread Starter davidknight183

    (@davidknight183)

    No

    Referring to the coloured images in the text. Overview, Function, Features, Options.

    More importantly at the bottom of the page Product Classification, heat protection, insulation, further product information, downloads

    Ah, I see. Try this code, then:

    .post-86 img.alignnone {
  margin: 0;
}

    I used .post-86 so that any images you may have on other pages won’t be affected.

    Thread Starter davidknight183

    (@davidknight183)

    Cool that worked, how do I apply this to multiple posts?

    Where do i find the -86 name of additional pages i want to apply this to?

    is there a post-all command that works for all pages? or for a selection of pages?

    If you right-click on your site and select “View Source” or “Inspect Element” or something along those lines, you can see the HTML for your site, and if you check out the <body> tag on your pages, you’ll see something like this:

    <body class="single single-jetpack-portfolio postid-86 custom-background has-site-logo no-sidebar">

    Look for postid-xx (in this case, it’s 86) to find the appropriate class for each page.

    If you wanted to apply the change to all images, though, you could try this instead:

    .single img.alignnone {
  margin: 0;
}

    Just be aware that this may end up affecting more images than you intended, so you may want to thoroughly check your site afterwards.

    Thread Starter davidknight183

    (@davidknight183)

    Legend! Thanks Stephen for all your help!

    Most appreciated!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Remove/Override Theme Cell/table Padding’ is closed to new replies.