Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 18, 2021 at 4:02 pm #1325439
    FamalcoGroup

    To whom it may concern,

    Is there a way how I can style the footer as attached ?

    Basically I would like to split the footer widget in 2 columns > column 1 image and column 2 links (they have to be equal height and obviously positioned in the middle)

    Now for the copyright section I would like to have the t&c’s links center in the page

    When I tried this, the logo was not being aligned with the copyright text and the t&c’s where not being centered, they were continuous with the copyright text

    Regards

    October 18, 2021 at 4:03 pm #1325440
    FamalcoGroup

    View post on imgur.com

    October 18, 2021 at 4:53 pm #1325456
    Yigit

    Hi,

    I chose to display 2 columns in Enfold theme options > Footer and then added following code to Quick CSS field in Enfold theme options > General Styling 

    #footer div .av_one_half.first {
    width: 20%;
}
#footer div .av_one_half:nth-child(2) {
    width: 78%;
    margin-left: 2%;
}

    It seems like you chose to add menu items to footer instead so I am guessing that is no longer needed.

    Please review your website :)

    Regards,
    Yigit

    October 19, 2021 at 8:23 am #1325524
    FamalcoGroup

    Hi Yogit ,

    Thanks for this.

    Now I need to add the privacy policy and Terms and coditions in the copyright section but in the middle of the page.

    Whenever I try and do that and add it with the copyright text, its obviously not being centered but its being displayed after the text.

    How can I center it to have it like the below

    View post on imgur.com

    October 20, 2021 at 11:13 am #1325698
    FamalcoGroup

    reminder :)

    October 20, 2021 at 1:02 pm #1325723
    Yigit

    Hi,

    I created a dummy menu in Appearance > Menus and chose to display it as your footer menu and then added following code to Quick CSS field in Enfold theme options > General Styling tab

    @media only screen and (min-width: 1250px) { 
#socket .sub_menu_socket {
    float: none;
    left: 20%;
    position: relative;
}}

    Please review your website :)

    Best regards,
    Yigit

    October 20, 2021 at 1:19 pm #1325727
    FamalcoGroup
    This reply has been marked as private.
    October 20, 2021 at 1:45 pm #1325733
    Yigit

    Hi,

    Could you please post a screenshot and show? I am not sure I understood clearly.

    Best regards,
    Yigit

    October 20, 2021 at 3:02 pm #1325748
    FamalcoGroup
    This reply has been marked as private.
    October 20, 2021 at 3:16 pm #1325749
    Yigit

    Hi,

    Please add following code to Quick CSS 

    #footer #custom_html-3 {
    float: right;
}
#footer #media_image-3 {
    float: left;
}

    Best regards,
    Yigit

    October 21, 2021 at 8:09 am #1325816
    FamalcoGroup

    worked perfectly. thanks

    This can be closed :)

    October 21, 2021 at 1:12 pm #1325857
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Footer Design’ is closed to new replies.