Hi guys i want to change the horizontal ruler color, but only in one text block. Also i want to reduce the spacing above and below the ruler and text lines. Here is a screen that i want to achieve http://abolengo.com.ar/wp-content/uploads/2014/06/historia-11.png and here is where i am right now. http://abolengo.com.ar/?page_id=4185
I already turn on the custom css class but i not shure how to use it
Hey smorrone!
Thank you for visiting the support forum!
Edit the separator or hr elements, add something like “blue-hr” on the custom css class field. Add this on Quick CSS or custom.css:
.hr.blue-hr .hr-inner {
border-color: blue;
}
.hr.blue-hr {
margin-top: 0;
height: 1px;
}
Regards,
Ismael
Hi Ismael that worked in almost the two needs i had. The color is ok. The space between elements now is narrow wich is ok but the numbers are not centered they are like to close to the above separator and far from the below separator. And the last one is far far below
How i solve this?
Thanks
Hey!
Try to add a bottom margin.
.hr.blue-hr {
margin-top: 0;
height: 1px;
margin-bottom: 10px;
}
Play around with the css values.
Regards,
Ismael
Hi ismael i have to put a white space separator at the bottom because otherwise the last one didnt move up. I mean is not right or tidy but but visualy works. In mobile i think it would be a lot of space there. Any other idea to meke it right?
Thanks
Hey!
I’m not really sure what you mean. The current setup you have on http://abolengo.com.ar/?page_id=4185 with the 2 columns at the bottom don’t have any hr elements in them.
Regards,
Devin
Thanks Devin i found other way around