I want to change my left sidebar width and content area width. Increase content area width and decrease sidebar width. I used
#primary { width: 80%; float: left; } #secondary { width: 20%; float: right; }
on Custom CSS but content area has the same width, nothing changed, only sidebar.
Hi Katerina,
I can see you have not included a direct link to your site. Would you mind posting a link to it? It will enable me get you a tested custom CSS .
Looking forward to hear from you.
This is a private message.
Hi Addo,
Thank you for your reply. The site is on localhost so i cant send you in order to look at it.
Hi Katerina,
It’s no problem. You may want to try using the “!important” CSS declarations. Use it to modify your code above like this:
Please try and let me know!
Using this css the content area didnt take the area tha lose the sidebar. There is a space between them that i want to make it smaller.
Hi Addo,
i used this code
.page-template-default #primary {
float: right;
width: 80%;
}
#secondary {
float: left;
width: 18%;
in order to have space between sidebar and content area. Am i ok? It looks ok!
Hi Katerina,
If it looks ok it means it has worked out for you :-)
Always feel free to open a new thread whenever you require support.
Cheers