Custom Footer and Socket Section

Hi,
Sorry for the very late reply and thanks for the links. I went to the page in your video but the button didn’t behave as in your video so I couldn’t inspect the css rules for hove on this button. I checked with Chrome on Windows 10, is this still occurring for you and if so which browser are you using?
On your test site, I assume you know how to use the widgets to setup the footer:

To adjust the socket as to your mockup please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#socket > div {
  display: flex !important; 
  flex-wrap: wrap !important; 
}
#socket > div > center {
      order: 3 !important;
      width: 100% !important;
}
#socket > div > ul {
      order: 2 !important;
      width: 100% !important;
    justify-content: center;
}
#socket > div > nav {
      order: 1 !important; 
}

#socket .social_bookmarks {
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}
#socket .copyright {
    float: none !important;
}
#socket .sub_menu_socket {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Thank you for the feedback, so my socket solution above was for plaseinsectebucuresti.ro, to apply this to your rulouriexterioarebucuresti.ro site I can adjust it, but your socket HTML markup also needs to be adjusted, please include an admin login.

Best regards,
Mike

Hi,
Thank you for the feedback, for the socket I added this css to your quick css:

#socket > div {
  display: flex !important; 
  flex-wrap: wrap !important; 
}
#socket .social_bookmarks {
    float: none !important;
    margin: auto !important;
    position: relative;
    width: 100%;
    display: flex !important;
    justify-content: center;
}
#socket .sub_menu_socket {
    float: none !important;
    margin: auto !important;
}
#socket #avia3-menu {
	margin-left: 0px !important;
    justify-content: center;
    display: flex !important;
}

#socket > div > .copyright {
      order: 3 !important;
      padding-top: 20px;
}

#socket > div > .social_bookmarks {
      order: 2 !important;
}
#socket > div > nav {
      order: 1 !important; 
      padding-top: 0 !important;
}

This centers the items and orders the menu first, then the social icons, and the copyright last, please see the screenshot in the Private Content area, and clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, glad this helped. For your footer widget bullets, first we will adjust your widget HTML by adding a custom class to the unordered tag like this: <ul class="footer-bullets">

this allows us to target them directly without affecting other bullets.
Then we will add a span tag around the plain text in your lists, so the color we assign to the bullet is not applied to the text, like this: <li><span>Comanda Online</span></li>

Then we will add this css in your Quick CSS:

ul.footer-bullets > li {
    list-style: disc !important;
    margin-left: 18px;
    color: #00bbd4 !important;
}
ul.footer-bullets > li > span {
    color: #99a9b5 !important;
}

then the result is:

I did this for you, so you can see this in action and examine the result.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the kind words, we are all happy to help. There is no extra cost for our support, thank you for using Enfold 🙂
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Very good, glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike