Remove sidebar widget border

  • Resolved Alexander0001

    (@alexander0001)


    10 years, 10 months ago

    Hello,

    I try to remove the border of the widgets in my sidebar. But by setting the border to ‘0px’ or ‘none’, the whole sidebar is disabled. Could anybody help me, by telling what I should do to remove the borders. It is about the website https://www.latour-lith.nl 

    .sidebar .block {
	float: left;
	margin-bottom: 10px;
	/*border-left: 1px solid #E3E3E3;
	border-top: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;*/
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
Viewing 15 replies - 1 through 15 (of 15 total)

  • Hey,
    I’ve got no idea, why setting border to ‘none’ should disable the sidebar. But why not set border colour to white ‘#FFF’?

    Thread Starter Alexander0001

    (@alexander0001)

    Tried that as well, but that disables the sidebar too.

    can you please reverse you changes so that sidebar show as expected

    Alexander, I just tried your website in Firefox and there is no sidebar, while it does show in IE. This does not seem to be a css problem, there seems to be something wrong with the code for the sidebar.

    Thread Starter Alexander0001

    (@alexander0001)

    It should show the sidebar now, at least in explorer, chrome has some issues with it at the moment.

    Well, Chrome issues often go for Firefox, too. And this is the case here – still. Looking at the css everything looks ok and again: In my opinion simple color change cannot break code.

    Your sidebar is not displaying because the theme customisation / options area is outputting

    .sidebar .block {
display: none;
}

    Please add this to your custom css to override it

    .sidebar .block {
display: block !important;
border: 0 !important;
}
    Thread Starter Alexander0001

    (@alexander0001)

    salsaturation, thanks for your help. I added: 

    .sidebar .block {
display: block !important;
}

    Now, the sidebar does only show the first time the website is loaded. Do you have any other suggestions?

    Thread Starter Alexander0001

    (@alexander0001)

    I’m not sure where to put the first piece of code you mention, salsaturation, could you ellaborate on that? Thanx you.

    All you need to put in you custom css or child theme. If you don’t already have a child theme or a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.

    .sidebar .block {
display: block !important;
border: 0 !important;
}

    Sorry in my previous answer I edited the code a few seconds afterwards

    Thread Starter Alexander0001

    (@alexander0001)

    It works! Thank you salsaturation, really appreciate it!

    Thread Starter Alexander0001

    (@alexander0001)

    It does only work in chrome now, not IE and Firefox. Do you have any idea about this?

    Thread Starter Alexander0001

    (@alexander0001)

    Never mind, it does work in IE and Firefox as well.

    you’re welcome… don’t forget to mark the topic as resolved

    Thread Starter Alexander0001

    (@alexander0001)

    Resolved!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Remove sidebar widget border’ is closed to new replies.