change color of [hr] shortcode

Sure! Just add color="#fff"
So it would look something like: [hr style="line" size="2px" color="#fff"]

Hannah

Hey Hanna

Thank you for a quick reply

1) It does not work

to test I add these 2 lines to visual editor

[hr style=”line” size=”2px” color=”#ff0000″]
[hr]

I can not see the line without highlighting it.
The source code for the page shows this for the 2 lines

<div class=”hrule clearfix”></div>
<div class=”hrule clearfix”></div>

2) is there a shortcode to specify the space to other then 20 40 and 80 in the [space_40] shortcode?

Hey,
1) Well for starters #ff0000 isn’t really a color. What color are you wanting? And why did you add the extra [hr]?

2) You can change that number do anything you want. For instance, is you want a spacing of 65 just change it to [space_65] .

Hannah

Hi Hanna

I thought #ff0000 was red in the rgb (255,0,0) notation.

I was using red since I could test, to see if it on white or black backgrounds.

I wanted to use the [hr] instead of just typing many “_” characters, because the many “_” caused problems on small screen mobile devices, since it was not scalable.

So far I can not get the short code, [hr] to show on a webpage. Only when you select the area does it show.

Does [hr] work for you?

Thank you again for your help.

And the extra [hr] was put on the page to see the difference, or if either would work. I am just hoping to understand why its not working.

Hi Hanna

I also tested the using the shortcode: “[space_65]”

It produces the characters: “[space_65]” on the webpage, NOT increasing the space between lines.

If I change the value in the shortcode to 20 40 or 80 it works, producing more space on the webpage.

Any thoughts? Does [space_65] work for you?

Hey,
You need the premium theme for shortcode space options and hr shortcode options. The free doesn’t have this.

If you want to change the default hr rule for free use this css:

.hrule {
background: #ff0000;
}

Kadence Themes

thanks!! works well.

Love the theme