Can this be done with Custom CSS Upgrade?
-
Thinking about getting the Custom CSS Upgrade and I’m therefore trying to change and preview some of the CSS settings in the Contempt theme.
What I want to do is to change some of the grey parts into a specific shade of blue and I manage to change it everywhere I wanted except from one place. If I change the grey background (body) into blue, one grey stripe on each side of the white part in the middle still remains. Those grey stripes are like shadows and I can’t find what the area is called in the CSS codes in order to change the colors of them.
Can this be done?
The blog I need help with is: (visible only to logged in users)
-
try adding this to your CSS
#page {
background-color: white;
border: 0px;
text-align: left;
width: 750px;
}
Note the ‘border: 0px;’. That’s the key.
-
just a note, when you have 0 pixels, you don’t need to specify the units. This is a better way to write “zero” values.
margin: 0; padding: 0;Now, if you want to remove the border, it’s better than setting its width to 0 pixels, you do it like this:
border: none;HTH
-
Thanks, dev. I’m still a novice in CSS and I prefer to specify things, even though it may not be necessary. At least I know what I’m doing then. And the ‘none’ is definitely the best solution.
-
No problem, Husdal.
I understand where you’re coming from, I just like to share best practices even at a novice level. To me, the early you start applying good practices the better even if it’s something casual. I was taught that way so it carries over to how I share my knowledge with others.
-
Thanx for the tips but I still can’t get it to work…
The page-section already looks like this:
#page { text-align:left; background-color:white; width:750px; border:0; margin:0 auto; padding:0; }And the page section doesn’t seem to go from top to bottom, like the grey stripes, it’s just the white part where the blog posts go.
Whats funny is that when I load my preview where I’ve changed the body color to blue, first before the page is 100 % loaded it seems like grey shadowy stripes have disappeared (and it looks the way I want it) but they get there at the same time as the page is totaly loaded…
My body section looks like this by the way if thats any help…
body { font-size:62.5%; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background-color:#54bceb; color:#333; text-align:center; margin:0; padding:0; } -
-
Here’s a link: http://anitabloggen.wordpress.com/ but that’s just with the original CSS settings, since I haven’t bought the upgrade yet…
-
Not in this case, Husdal, because it’s a background image.
It’s pretty lame how Contempt adds the bg image… via inline styling of the “body” tag:
<body style="background-image: url(http://s2.wordpress.com/wp-content/themes/pub/contempt/images/blue_flower/bg.jpg); background-attachment:fixed; background-repeat: repeat-y; background-position: top center;">So in order to get rid of those shadows, Anita, you’d need to modify the body definition like this:
body { font-size:62.5%; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background: #54bceb !important; color:#333; text-align:center; margin:0; padding:0; }That should take care of those pesky shadows.
And before I forget, here’s a recommendation:
If you decide to purchase the CSS upgrade, it’s recommended that you don’t copy the entire CSS into the CSS editor. Put in the CSS Editor only your changes/additions to the style sheet and make sure the “Add to exisiting CSS” radio button is checked.
HTH
-
excuse me for barging in but I somehow don’t get it – am I or am I not able to add tiny css changes (like font size) to my theme WITHOUT buying the upgrade?
if not, are there any more themes available? 75 seems like a lot but I somehow can’t find the perfect design without changing it a bit myself.. which would be fine by me except I can’t seem to be able to do it without buying the upgrade.. :(
thank you!!
http://sh1ra.wordpress.com -
sh1ra, your question is unrelated to this thread and that’s considered “thread hijacking”. Please in the future, open your own thread.
Having said that, check this thread, you might find your answers there:
https://en.forums.wordpress.com/topic/css-tips-for-those-without-the-css-upgrade
-
-
But…. now the header image disappeared? It’s still there in the header image setting page and it did work before I got the css uppgrade but now it’s just a blue box…
Should I add the image useing CSS codes in some way?
-
I guess you didn’t read my recommendation I posted before… here it is again:
If you decide to purchase the CSS upgrade, it’s recommended that you don’t copy the entire CSS into the CSS editor. Put in the CSS Editor only your changes/additions to the style sheet and make sure the “Add to exisiting CSS” radio button is checked.
Please, leave <u>only</u> the change to the body selector (and other changes you might’ve made) in the CSS Editor. If you follow this, it’ll be easier for me or any other volunteer to find what the problem might be. Once you have done that, I’ll take another look to your code.
-
Sorry Dev, my bad… but somehow I thought I did just that but now I realized I didn’t…
Anyways, I managed to solve the problem myself by finding the CSS section for header image and just change the URL…
Now I’ll just play around some more and make minor changes before I’m all done.
Thanks again for all the help, I really appreciate it!
-
-
didn’t mean to hijack!! (nice expression!)
thought it was somehow relevant.
in any case thank you for the link, it looks like its just what I needed:)
- The topic ‘Can this be done with Custom CSS Upgrade?’ is closed to new replies.
WordPress.com Forums 