Academica theme: Changing width of sidebars / Removing gray border around images
-
Hello,
I have two issues I’d like help with, both dealing with the Academica theme. I believe they can be resolved with CSS modifications but don’t know what code to paste in. (Note: the site is still very much a work in progress as I play around and learn the limits of the wp.COM themes.) Thank you in advance to anyone who can help!
1. Removing gray border from images
This appears to be a default setting for the theme; I’m hoping there is a simple line of CSS that I can insert that will remove all borders throughout the entire site/theme.
2. Changing width of sidebars
Ideally on the homepage, I’d like the width of the right sidebar to match the width of the Footer text widget (currently, the right sidebar is noticeably thinner). Can this be accomplished using CSS code?Thank you again for your help.
The blog I need help with is: (visible only to logged in users)
-
Apologies — the blog I need help with is actually https://cthistoryorg.wordpress.com, NOT waltwould.wordpress.com. I have multiple blogs under this username and apparently the default one was selected!
Again, the blog that I need help with is cthistoryorg.wordpress.com. Thank you!
-
Hi there, the following custom CSS will remove the gray borders from all images.
.column-content img, .single-attachment #content img, #content .gallery-item img { border: none; }For the right sidebar width, give the following a try and see what you think.
.home .column.column-last { width: 30%; } .home .column-content.posts { width: 410px; } -
Oh wow — those both worked magnificently. Thank you so much!
If you don’t mind a basic question (I am *very* new to CSS, though I am familiar with HTML) — may I ask what element in the second batch of code (the one dealing with the sidebar) is responsible for identifying the “right sidebar” as opposed to the left or middle sidebars? Does “.column-last” = “right sidebar” in this case? Just trying to piece things together in my own gradual way…
Once again, thank you SO much for your help!
-
Also, a question about proper WP forums netiquette: if I have additional questions about the Academica theme, should I start them under a new thread, or just continue replying to this one? Happy to do either. Thank you!
-
I used the web inspector built into my browser to find the relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.
On Academica, the left and right sidebars have a common “column” CSS class for styling and then each of them have a unique CSS class. For the left, that is “column-narrow” The right is “column-last” and the center content area is “column-content”. In other themes, they may, and probably will, use different selectors, such as secondary, or tertiary, or something like that. It is all sort of at the whim of the theme designer as to what they use for their CSS ids and classes.
If your additional questions are on a different topic, then I would suggest starting a new thread in the forum so that it is easier for others who may be searching for a specific topic to find it and not have to sort through a lot of other things.
-
All of this is so incredibly helpful. Thank you so much!
I might not even need to start a new thread, since I’ve found so many answers in the CSS forum archives. This forum is a treasure trove for newbies like myself! Thanks again. :)
-
You are welcome, and yes, there is tons of helpful stuff in the forums. Let us know if you have further questions you can’t find answers for. :)
- The topic ‘Academica theme: Changing width of sidebars / Removing gray border around images’ is closed to new replies.
WordPress.com Forums 