Footer widgets formatting

Support
#1

Hi. Having a tough time getting this finalised. The remaining bit of formatting I want to clean up is the outline of the links I have in the footer widgets. Tried a couple of things but they don’t want to work.

Looking in the attached picture, the nav menu widget and recent posts widget seem to have shadow underneath each link. I have tried this most recently but this doesn’t seem to fix the issue:

.widget_nav_menu {
box-shadow: 0 0px 0px rgba(0,0,0,0)
}

Any expert input is clearing these lines greatly appreciated!

#2

Hello @mmartion,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.widget ul li, .widget ol li {
    box-shadow: none;
    border: none;
}

We would love to know if this has worked for you. Thank you.

#3

Thanks RueNel.

That did a part of it. Would love to go the rest of the way.

I have changed the colour of the footer to see better what exactly is going on (the black seems to be masking a lot of it).

It seems that both the widgets show as engraved boxes (if that makes any sense).

Is there no way of changing the formatting other than through CSS?

#4

Hey @mmartion,

Regretfully, the only way to change the “engraved boxes” effect without custom CSS is to change to other Stacks like Renew because that is Integrity Stack’s widget design.

If you wish to continue with Integrity, please add this code in Theme Options > CSS.

.widget ul, .widget ol {
    border: 0;
    box-shadow: none;
}

Hope that helps.

#5

Thanks Christian.

Seems I am still getting lines under one of the footer widgets.

I have included the CSS with the view of the webpage.

Perhaps you can make sense of what I have been doing wrong.

Thanks again!

#6

Hey @mmartion,

Please give us the URL of the page having this issue and if your site is in under construction mode, please disable it or give us access to your site.

Thanks.

#7

Hi Christian.

URL is oolaaustralia.com.

I will disable maintenance mode for 24 hrs.

Thanks.

#8

Hello @mmartion,

Do you want something like this?

if that is the case, you will need to use this custom css:

.widget ul, .widget ol {
    border: 0;
    box-shadow: none;
}

.widget ul li, .widget ol li {
    box-shadow: none;
    border: none;
}

.widget,
.widget ul li a,
.widget ol li a{
    color: white;
    text-shadow: none;
}

.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover {
    background-color: transparent;
}

.widget ul li a:hover {
    color: white;
}

Best Regards.

#9

Thanks RueNel.

Copied and dropped code into CSS as recommended.

Unfortunately, still getting lines on the Nav Menu.

#10

Hello @mmartion,

Please add this to Theme Options > CSS

footer .widget_nav_menu ul li a {
	border-bottom-width: 0;
	box-shadow: none;
}

If this still not work, please provide us login credentials in a secure note so we can take a closer look.

Thanks,

#11

Hi Friech.

Thanks so much for your patience! That fixed it. No more lines!!!

#12

Hello @mmartion,

You’re welcome!
We’re glad our staffs were able to help you out.

Regards.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.