Home Forums Art WordPress Theme Adding Horizontal Rule to Footer

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20634
    StJunt73022
    Participant
    Purchased

    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!

    #20640
    SeaTheme
    Keymaster
    Purchased

    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.netTwitterFacebook

    #20645
    StJunt73022
    Participant
    Purchased

    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!

    #20646
    SeaTheme
    Keymaster
    Purchased

    You are welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!