Adding Horizontal Rule to Footer

[StJunt73022]

Hello! 🙂

Might you be able to recommend, please, how one can add a black line (horizontal rule) to the footer in the Art theme?

Mainly, how it can also have a dynamic width to match the widest container on a portfolio page?

For example, if the widest portfolio image above the footer is 800px, with 200px of padding on both sides, how could we include a horizontal rule that would fluidly change width with screen size/widest container size above it?

I have tried adding <hr> into a text widget, and html widget. Along with parameters for width, for example:

<hr style=”height:1px; border:none; color:#000; background-color:#000; width:100%; text-align:center; margin: 0 auto;”>

Though, it only displays approximately 20 px wide, and doesn’t fluidly adapt when the screen size changes. Any thoughts would be very much appreciated. Thanks so much for your time!

[SeaTheme]

Hi,

It may be possible to add a line by custom CSS instead of by widget:

#footer:before{
	content:''; position:absolute; left:60px; right:60px; top:0; border-top:1px solid #333;
}

But it should be hard to set a dynamic width by simple CSS. It needs more time to design a solution based on your requirements details. It is not included in free support.

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[StJunt73022]

Hello! Thank you! That will get close enough to the need to work just great.

I really appreciate it 🙂 Thus far, the theme is absolutely excellent and a pleasure to work with. Very well thought-out, designed, and developed.

Thanks!

[SeaTheme]

You are welcome 🙂

[Author]

Posts