Integrity sidebar text decoration

Support
#1

Hi I am trying to turn off the dotted lines that appear under the links in the Integrity sidebar. I have tried the following but its not working:
.cs-content .widget ul li,
.cs-content .widget ol li {
font-size: 12px;
background-color: transparent;
border-bottom-color: #fff;
text-transform: uppercase;
text-decoration-style: none;
}

can you tell me what is wrong please?

Thanks

#2

Hello Alex,

Thanks for writing in!

Please keep in mind that the .cs-content is a container for Cornerstone content. Your sidebar should have this x-sidebar class container:

.x-sidebar .widget ul li,
.x-sidebar .widget ol li {
	font-size: 12px;
	background-color: transparent;
	border-bottom-color: #fff;
	text-transform: uppercase;
	text-decoration-style: none;
}

Hope this helps.

#3

Hi, thanks for your help. Unfortunately that doesn’t work for some reason.

Does it matter that I am using a full width page, and have simply added the widget to a Content Area element?

Alex

#4

Hi Alex,

Yes it matters because the integrity’s sidebar doesn’t have any dotted lines under the links by default. So it would be the element you’ve added in the content area element that has this behavior. I tried checking your sites but couldn’t find the page in question. Please provide the URL of the page in question (some screenshots would be helpful too) so we can take a closer look.

In the mean time, you can try adding the following code and see if this works:

.x-bar-content-area a,
.x-bar-content-area li {
    font-size: 12px;
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Thanks!

#5

Hi, and thanks for your help unfortunately still not working. I have looked to see if I have set this somewhere, but cannot see anything.

The code below which I was originally using, works for everything but the text-decoration-style.

.cs-content .widget ul li,
.cs-content .widget ol li {
font-size: 12px;
background-color: transparent;
border-bottom-color: #fff;
text-transform: uppercase;
text-decoration-style: none;
}

there is the url: https://staging.modburyteam.org/template

I’ve attached an image.

Thanks

Alex

#6

Hello Alex,

You can use this code instead:

.cs-content .widget ul li,
.cs-content .widget ol li {
    font-size: 12px;
    background-color: transparent;
    border-bottom-color: #fff;
    text-transform: uppercase;
    text-decoration-style: none;
}

.cs-content .widget ul li a,
.cs-content .widget ol li a {
    border: none;
}

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

#7

Thanks that is brilliant - worked a treat - thanks very much for your help

Alex

#8

We are delighted to assist you with this.

Cheers!

#9

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