What is the correct CSS to control the line spacing between a "Callout" text box and a regular paragraph text box just below it (both in "Template Builder").
Angular - Line Spacing Below "Callout" Text in Template Builder
7 posts from 3 voices-
Posted 5 months ago #
-
Hi mbesh,
Can you provide a link to the page so we can inspect what you have now? I want to make sure we are referencing exactly what you have now and not addressing the wrong css.
Regards,
Devin
Posted 5 months ago # -
Devin,
I want to reduce the "line spacing" below "INTERNET SERVICES" and above "We help small to medium...."
http://visualimpact.us/wordpress/internet-nav-test-page/
Thanks,
MarkPosted 5 months ago # -
Hey!
Add following code to css/custom.css or the quick css field:
#top .template-dynamic .callout { padding: 18px 0 0; }Regards,
PeterPosted 5 months ago # -
Dude/Peter,
This definitely worked for changing the spacing ABOVE the "INTERNET SERVICES" text.So, I tried:
#top .template-dynamic .callout {
padding: 18px 0 -10px;
}to 'lessen' the spacing BELOW "INTERNET SERVICES" (I want less space between "INTERNET SERVICES" and the line below that which starts with: "We help small to medium...."
Do I need to then have the CSS code for the "paragraph text" box in the template builder? (Which has "We help small to medium...." in it).
Mark
Posted 5 months ago # -
Hey Mark,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-474 .template-dynamic .callout p { padding-bottom: 0; }I've added the page id to css selector so the css only effects that page you linked. If you want it to effect the whole site just remove ".page-id-474" from the css.
See if that does what you are looking for.
Regards,
Devin
Posted 5 months ago # -
Devin,
Perfect! Thanks!
Issue closed.
Mark
Posted 5 months ago #
Topic Closed
This topic has been closed to new replies.














