Horizontal Rule
Permalink 1 user found helpful
If I add a horizontal rule to a layout, it takes like an inch of vertical space. How do I fix that?
I noticed this too. It provides 80px margin above and below. You can remove 50 of that via 'Design & Custom Template', 'Margin and Padding', and set top and btm margins to -50.
Hi rrosskopf,
The CSS for the hr element will depend on the theme you are using or the default browser style.
If you are using the default Elemental theme, you can edit the theme CSS or override the CSS using Custom CSS.
Using Custom CSS:
Toolbar > Page Settings (gear icon) > Design > Theme > Customize > Custom CSS gear icon button
- this is the selector and default margin values from the theme
- you can add this into the Custom CSS and change the margin values to your preference
The CSS for the hr element will depend on the theme you are using or the default browser style.
If you are using the default Elemental theme, you can edit the theme CSS or override the CSS using Custom CSS.
Using Custom CSS:
Toolbar > Page Settings (gear icon) > Design > Theme > Customize > Custom CSS gear icon button
- this is the selector and default margin values from the theme
- you can add this into the Custom CSS and change the margin values to your preference
div.ccm-page hr { margin-top: 80px; margin-bottom: 80px; }
Worked like a charm! Thank you.
Hi!
I wonder if you can add your own image into the horizontal rule?
If you can, I wonder if you have some code for it?
If you do, it would be greatly appreciated as I'm trying to add a full bar across the top just under the header with an image.. but I just can't seem to work it out.
Thanks in advance.
I wonder if you can add your own image into the horizontal rule?
If you can, I wonder if you have some code for it?
If you do, it would be greatly appreciated as I'm trying to add a full bar across the top just under the header with an image.. but I just can't seem to work it out.
Thanks in advance.
Hi brisseo,
I don't believe the hr element supports images.
To get a better idea of what you are looking to do, I recommend replying with a screenshot or mockup of the idea.
I don't believe the hr element supports images.
To get a better idea of what you are looking to do, I recommend replying with a screenshot or mockup of the idea.
