How to Manage Space after tags
Permalink Browser Info Environment
Trying to reduce the space after the heading tags, there is too much of a gap. Where can I find the necessary CSS to do this? See screenshot. This is basically an <h3> tag followed by <p> and there is an unsightly gap after the heading that the client wants to reduce. Please advise. Thank you.
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Thanks for the reply, don't believe I saw the instructions to which you were referring... can you provide a link?
Also, I have purchased Pixel 2 several times and think it's awesome. I don't really want to get into overriding styles or customization, but would rather just tweak what exists now. Following are a couple of examples"https://btlaunch.com/aocompactors/index.php/about-onsite-waste-manag... andhttps://btlaunch.com/aocompactors/index.php/capabilities... . From the <h3> tag to where words start in the <p> tag is too far down (padding or margin?) for my clients taste. Just need to tweak that one thing then we are good to go. These pages are based on the Full Page template in Pixel2. Thank you, much appreciated for anything you can share.
Also, I have purchased Pixel 2 several times and think it's awesome. I don't really want to get into overriding styles or customization, but would rather just tweak what exists now. Following are a couple of examples"https://btlaunch.com/aocompactors/index.php/about-onsite-waste-manag... andhttps://btlaunch.com/aocompactors/index.php/capabilities... . From the <h3> tag to where words start in the <p> tag is too far down (padding or margin?) for my clients taste. Just need to tweak that one thing then we are good to go. These pages are based on the Full Page template in Pixel2. Thank you, much appreciated for anything you can share.
Hi,
This is the link to Instructions page:
https://www.concrete5.org/marketplace/themes/pixel/instructions/...
You can copy and paste any parts of the theme less files into 'custom.dev.less' file and tweak the values to meet your expectations. In your case, this part of typography.less file should do the job
Paste it into 'custom.dev.less' and change 30px. By doing this, you will not lose it in next updates.
Cheers,
This is the link to Instructions page:
https://www.concrete5.org/marketplace/themes/pixel/instructions/...
You can copy and paste any parts of the theme less files into 'custom.dev.less' file and tweak the values to meet your expectations. In your case, this part of typography.less file should do the job
h1, h2, h3, h4, h5, h6 { margin: 0 0 30px 0; }
Paste it into 'custom.dev.less' and change 30px. By doing this, you will not lose it in next updates.
Cheers,
Thank you!
For more info about how to use this file check "Instruction" Page #18.