Full-width color lines

[wowoleyva]

Hello, great theme so far!

I’ve been trying to create multiple full-width colored lines, so far I’ve been able to create it but it isn’t full-width since it’s limited by the width of the area content.

This is the CSS I’ve been using

.greenLine
{
border: 0;
width: 100%;
color: #2EA512;
background-color: #2EA512;
height: 5px;
}

And I apply it through HTML

<hr class=”greenLine” />

Is there any way to bypass the width limit with the line?

Thanks in advance!

PS
I’m attaching the image of the design I’m trying to accomplish

[wowoleyva]

Ok, Kind of figure it out! 😛

I modified the divider shortcode on the styles.css so when I choose the dotted line I get the blue line I need. Still would be nice to know if there is a way to add this the way I originally intended.

Thanks!

[Kyle – SUPPORT]

Hi

You can create classes for the divider and it in the extra class field 🙂

Hope this helps

– Kyle

[wowoleyva]

Will give it a shot! Thanks 🙂

[Kyle – SUPPORT]

No problem! 🙂