Digg 3 rounded corners and different background color
-
In my private website with theme Digg 3 there is a header box with a header image and below the header image there is a search box. I changed the background color of the site so that it is more in line with all the other colors in the site.
Only… the rounded corners show up in the original color which is a kind of grey where the new background color is blue. I tried to find how to get the same color for the rounded corners in the below part of the CSS sheet. But no success.#container {width:904px;margin:0 auto;padding:10px 0;}
#header {width:904px;height:250px;color:#333;position:relative;margin:0 0 10px;}
#example1 {-moz-box-shadow:10px 10px 5px #888;-webkit-box-shadow:10px 10px 5px #888;box-shadow:10px 10px 5px #888;}
#header-box {position:absolute;top:40px;left:0;z-index:10;}
#header-image {position:absolute;z-index:-2;margin:0 0 10px;}
#header-overlay {position:absolute;width:904px;height:160px;z-index:-1;}
#pagetitle,#syndication,#searchbox {z-index:3;}Is there anyone able to help me?
Many thanks in advance.
Ruud van Mens
The blog I need help with is: (visible only to logged in users)
-
There are onlyv two Volunteers who help with CSS editing when they can. They are hallluke and thescredpath and I don’t see them posting to the forum at this time.
-
-
@ruudvanmens, unfortunately when the theme designer did that theme, they did not make their images with transparent backgrounds, but with a grayish background that matched the overall body background color. To get rid of those grey corners, you are either going to have to carefully erase the corners from the original image in an image editing program or create an entirely new replacement without the grey corners. If you modify the existing image, then you will have to upload it to your media library and then put it into the correct section in the CSS (the one for the header is actually called out in the PHP script files, but by putting it in the CSS it will override that one).
This is the one for the header area (#header-image):
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_header_overlay.png?m=1286071494g
This is the one for the top of the content/sidebar area which is called out in the #page section in the CSS:
This is the one for the bottom of the content/sidebar area which is called out in the .pagewrapper section in the CSS:
-
@thesacredpath – Thanks a lot for helping me again. As you must have already discovered I am kind of new here. But I am going to try to follow your directions, cause it is the last thing I have to do to get a perfect private blog. Thanks!
Ruud
-
- The topic ‘Digg 3 rounded corners and different background color’ is closed to new replies.
WordPress.com Forums 
