Okay
  Public Ticket #3691654
Line separating page to footer
Open

Comments

  •  6
    whatneobank started the conversation
    July 23, 2024 at 2:38pm

    Hi there,

    I would like to add a separation line between my footer and my page in order to separate them (like the example attached).

    Could you help me, please?

    Best Regards,

    Diogo Silva

    Attached files:  doubt2.png

  •  5
    WpWebSol | Ramzan Sharef replied
    July 23, 2024 at 3:11pm

    Hi there,

    You can achieve this by adding these css code  into Salient > General > Salient CSS/Script Related > Custom CSS Code

    #footer-outer{
    border-top: 2px solid red;

    }

    It will add 2px red border at the top of footer on every page. Note: This will only work when you will use default footer not global  section as a footer. You can change border color and weight according to your requirements.


    Bst Regards,

    Ramzan

     


  •  2,895
    Andrew replied
    July 23, 2024 at 6:10pm

    Hi Diogo,

    Thank you for getting back to us.

    Alternatively to Ramzans CSS, you can also add this in the Salient > General > Salient CSS/Script Related > Custom CSS Code section.

    @media only screen and (min-width: 1000px) {
    body #footer-outer .row {
        border-top: 2px solid #989a98;
    }
}

    Try this and let us know how it goes.

    Thanks,

  •  6
    whatneobank replied
    July 25, 2024 at 8:30am

    Thank you both,

    I tried the two codes and is not giving, i think it might be the fact that my footer is not a global section and i only can change it in the widgets area. I added the images of the code and how my footer looks like now.

    Could you see what i am doing wrong, please?

    Best Regards,

    Diogo Silva

    Attached files:  doubtfooter2.png
      doubtfooter.png

  •  2,895
    Andrew replied
    July 25, 2024 at 9:13am

    Hi Diogo,

    Thank you for getting back to us.

    To further assist, could you allow us to log in to your website's backend dashboard so we can check on this for you more? We will need the username and password of the admin user as well as the login URL.

    We look forward to your reply.

    Thanks 

  •  6
    whatneobank replied
    July 25, 2024 at 4:21pm

    Hi Andrew,

    Thanks for repplying. I am not comfortable in sharing them, i think with the images and the description i provided you will be able to get it.

    Can you explain it that way, please?

    Best Regards,

    Diogo Silva

  •  2,895
    Andrew replied
    July 25, 2024 at 4:59pm

    Hi Diogo,

    Thank you for getting back to us.

    Adding the previous CSS I shared, the footer seems to have a line as you can see in this screenshot.

    1958219795.png

    Could you add the CSS and clear your cache and see if this works? Alternatively, you can add !important tag and see if this helps.

    @media only screen and (min-width: 1000px) {
    body #footer-outer .row {
        border-top: 2px solid #989a98!important;
    }
}

    Try this and let us know how it goes.

    Thanks,

  •  6
    whatneobank replied
    July 25, 2024 at 6:57pm

    Hi Andrew,

    It work perfectly, thank you so much for all the kind help and patience. Really appreciated!

    Best Regards,

    Diogo Silva

  •  1,782
    Judith replied
    July 26, 2024 at 12:00am

    Hello Diogo,

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.

    If you've enjoyed Salient, be sure to check out Nectarblocks, our latest innovation for building websites visually with WordPress.

    Your feedback is valuable to us and greatly appreciated!

    Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,