Footer Customization

  • Resolved andreadelriva

    (@andreadelriva)


    2 years, 5 months ago

    Greetings

    I’ve been playing a bit with the CSS in the attempt to remove the underlines on the footer links without success

    Been using also some vantage snippets which should do the job, as following, but without succes

    /*
Name: Remove Footer Link Underlines
Description: Remove link underlines in both regular and hover states. This snippet only applies to the footer. No adjustment of the below values is required. */

#colophon a { 
	text-decoration: none; 
}
#colophon a:hover { 
	text-decoration: none; 
}

    Also, while using this snippet appear some vertical line above the footer links

    /*
Name: Horizontal Footer Menu
Description: Insert a Custom Menu widget into the footer and have it display horizontally. Insert the Custom Menu widget first, other widgets will display below it. No adjustment of the below values is required.
*/

#footer-widgets .widget.widget_nav_menu {
	text-align: center;
	width: 100%;
}

#footer-widgets .widget.widget_nav_menu li {
	display: inline-block;
	float: none;
	margin-right: 16px;
}

#footer-widgets .widget.widget_nav_menu li:before {
  content: "\007C\00a0\00a0";
  margin-right: 16px;
}

#footer-widgets .widget.widget_nav_menu li:first-of-type:before {
	content: none;
	margin-right: 0;
}

#footer-widgets .widget.widget_nav_menu li:last-of-type {
	margin-right: 0;
}

    To mention, the dropdown menu under layout> footer switching from default to vertical does not apply any changes.

    Last note, I’m using the child theme.

    • This topic was modified 2 years, 5 months ago by andreadelriva.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi Andrea

    Thanks for reaching out. Please, try the following:

    /*
Name: Horizontal Footer Menu
Description: Insert a Custom Menu widget into the footer and have it display horizontally. 
Insert the Custom Menu widget first, other widgets will display below it. No adjustment of the below values is required.
Sub-menus will not be displayed.
*/

#footer-widgets .widget.widget_nav_menu {
	text-align: center;
	width: 100%;
}

#footer-widgets .widget.widget_nav_menu li {
	display: inline-block;
	float: none;
	margin-right: 16px;
}

#footer-widgets .widget.widget_nav_menu li a {
	display: inline-block;
	border-bottom: none;
}

#footer-widgets .widget.widget_nav_menu li:before {
	content: "\007C\00a0\00a0";
	margin-right: 16px;
}

#footer-widgets .widget.widget_nav_menu li:first-of-type:before {
	content: none;
	margin-right: 0;
}

#footer-widgets .widget.widget_nav_menu li:last-of-type {
	margin-right: 0;
}

#footer-widgets .widget.widget_nav_menu li .sub-menu {
	display: none;
}

    Thanks

    Andrew

    Thread Starter andreadelriva

    (@andreadelriva)

    Thank you Andrew, that worked like a charm!

    Do you have maybe any link for updated CSS snippets for Vantage to download?

    Thanks for the update; I’m glad to hear you’re making progress ??

    Unfortunately, the snippet collection hasn’t been updated recently; you can find it at the below URL:
    https://github.com/siteorigin/vantage/tree/develop/snippets

    There is a snippet page available within Vantage documentation: https://siteorigin.com/vantage-documentation/css-snippets/.

    If you’re ever in need of extended customization support, please, consider a SiteOrigin Premium license. We’re able to assist with a broad scope of requests via email.

    Cheers

    Andrew

    Thread Starter andreadelriva

    (@andreadelriva)

    Great! Thanks!

    Marking thread as solved

    Cheers! ??

    Chat soon!

    Cheers

    Andrew

    Thread Starter andreadelriva

    (@andreadelriva)

    @misplon
    Oh, btw, I do have premium lincese since it was available! ??

    Is just that , I have the habit of using this forum, eheh

    Be kind, remind me the email address for customer support, ty!

    Thanks for the update.

    In 2018, changes were made to the structure of our premium theme licenses. Most premium theme settings were moved into the free themes here on www.remarpro.com, and we released a single premium plugin called SiteOrigin Premium. If you’d ever like to find out more, please, email our premium support desk. I can’t give the email address here as I’ve been criticized for that in the past but it’s available on the contact page of our website.

    Thanks again ??

    Andrew

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Footer Customization’ is closed to new replies.