May 27, 2012 at 8:47 pm #12763
How do I reduce the spacing between elements when using a Horizontal Ruler element?
An example is creating a template with following elements:
- Post/Page Content
- Horizontal Ruler
- Heading + Subtitle
I would like to reduce the space either side of the Horizontal Ruler.
I am using the Angular theme.May 28, 2012 at 2:09 am #76638
Add this to your custom.css or Quick CSS.
padding: 30px 0;
To explain, 30px is applied to both the top and bottom padding. You’ll need to change the value as you see fit.
MyaJune 18, 2012 at 7:18 pm #76639June 18, 2012 at 9:32 pm #76640
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:
DevinJune 19, 2012 at 5:58 am #76641
Thanks for the fast responce,
effects both top and bottom padding. I´m using Propulsion Theme. http://22.214.171.124/~dnamedic/
Actually my problem was that the frontpages content, was not pulled from a “post”, now i can see that if content comes from a post, the HR ruler padding acts different, with same padding up and below. Otherwise the padding is really very huge below. So thats solved, i will just use content from post.
WP, 3.4. made some errors on page (im using the latest version of Propulsion), was it this week a update of theme was sceduled ?
Now that we are at it, i might just try and get your support to change a couple of settings, and the theme would be just perfect for me.:
1. Changing the color of sites main menu it´sfine if also impact the drop down menu, and if also affect font colour in text widget.
2. The widget title a little larger and “case sensitive”
3. Footer tilte a little larger and “case sensitive”, content in footer also slightly larger fonts
I hope my needs are understandable
Thank you very much for your support
-JesperJune 19, 2012 at 7:29 pm #76642
That is strange that it effects anything other than the padding on the top. By its nature, padding-top can only effect the top part of the element its on. I’m glad that you were able to find a fix for your liking however.
For the other questions:
1. I don’t know what you mean for this one. If you can explain this a little better we might be able to help.
2. 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:
3. The above fix should effect this too.
DevinJune 22, 2012 at 5:34 am #76643
1. http://126.96.36.199/~dnamedic/, there are two main menu titles “DNA TEST” and “KONTAKT OS”, how to change the font color ?
another issue, when adding a product to cart, and view cart this error shows: Warning: strpos() [function.strpos]: Empty delimiter in /home/dnamedic/public_html/wp-content/plugins/woocommerce/classes/shipping/class-wc-shipping.php on line 204
http://188.8.131.52/~dnamedic/, check out the product section on front page, its out of focus, especially in chrome browser it most effected.
Those issuse came when updated to WP 3.4June 22, 2012 at 6:26 am #76644
For the first one, you can change the color by targeting the dynamic post title:
It looks like there is an error with WooCommerce. Hopefully they will have a fix up soon available in an update.
I’m not sure what you mean by out of focus. I’m not sure how you have those elements set up, but it looks like there is some layout issues going on with the product slider.
DevinJune 24, 2012 at 7:08 am #76645
Im actually only trying to have changed the color af menu tiltles on frontpage, the code provided did not change anything there.
-JesperJune 25, 2012 at 4:58 am #76646
The topic ‘Reduce the spacing between elements – Horizontal Ruler’ is closed to new replies.