Hello all,

 

Sorry for my rather basic question, but how do I remove a sidebar from a specific page, that is, how do I overide css in a html webpage? My website is www.tree-climber.co.uk and specific page is gallery/WOMAD 2015.

 

I learned basic html5 from scratch over a 2 month period about 4 or 5 years ago and designed this website. Since then I haven't done anything with it and thus forgotten 90% of what I taught myself!

Your help is greatly appreciated

 

Many thanks

Phil​

​

give it a different id (or change it to a class) in the html, then write a new rule for that id (or class) in your stylesheet

 

ni particular because you have so many thumbnails i would look at optimising those images to about 1/3 of their weight. and, erm , the blur effect is just ugly - you have lots of nice pictures of the kids climbing then when people hover on it and go to click it blurs it all out

The body tag has class="cp_storyboard" attached to it. If you added a second class to that e.g. class="cp_storyboard gallery"

 

The sidebar is id="sidebar-a" and the main content area is id="content"

 

then use the following CSS

#sidebar-a {
float: right;
line-height: 21px;
 padding: 70px 15px 15px;
 width: 220px;
}
.gallery #sidebar-a {
display:none;
}
#content {
line-height: 18px;
margin-right: 220px;
padding: 25px 25px 5px;
}
.gallery #content {
margin-right:0;
}

That should open up the content area to display five columns of thumbs instead of the current three columns.

 

Also agree about the blur on hover it's horrible. Simple change of thumbnail border or outline colour would be better.

Hi nfc212,

 

Thanks for the coding. I'm a bit confused about the cp_storyboard class you mention. I don't see that anywhere.

 

Could you possibly give me a hint as to where that is? I put in a search for it and that couldn't find it either.

 

I agree about the blurry image effect. It's a cincopa generated gallery that I haven't bothered to change yet.

 

All the best

 

Phil