Forum Replies Created
-
Install Firefox & Firebug.
Then try to right click on the element
You want to look at.
I saw your header still was 900x198px.
And You wanted featured images replacing header in menu.
Sorry.
Featured image 960x198px like Header.
Hmm..
Try the sidebar codes in Graphene 1.2 “Custom CSS”
You got work to do!
Please read this:
https://forum.graphene-theme.com/topic/how-to-modify-the-theme-using-a-child-theme
In Graphene Child Theme “style.css” add changes and colors as needed.
Here are some of my colors: (Red color codes You find)
.sidebar h3 {
-pie-background: linear-gradient(#BABABA, #6E6E6E);
background: #BABABA;
background: linear-gradient(#BABABA, #6E6E6E);
background: -moz-linear-gradient(#BABABA, #6E6E6E) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BABABA), to(#6E6E6E));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BABABA', endColorstr='#6E6E6E'); /* for IE */
text-shadow: 0 -1px 0 #000000;
}.featured_slider{
background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
background: linear-gradient(left top, #E0E0E0, #EEEEEE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#EEEEEE'); /* for IE8 */
-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
box-shadow: inset 0px 0px 1px 1px #C4C4C4;
}
.featured_slider #slider_root {
-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
box-shadow: inset 0px 0px 1px 1px #C4C4C4;
background: none repeat scroll 0 0 #FFFFFF;
}
.block-button, .block-button:visited {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 1px solid #CCCCCC;
display:block;
font:bold 12px arial;
text-decoration:none;
padding:5px 15px 6px 15px;
color:#FFFFFF;
text-shadow:0 -1px 1px #000000;
margin-top:10px;
position:relative;
float:right;
-moz-box-shadow: 0 0 0px #42454A;
-webkit-box-shadow:0 0 0px #42454A;
box-shadow:0 0 0px #42454A;
background:#BABABA;
background: -moz-linear-gradient(#BABABA, #6E6E6E) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#BABABA), to(#6E6E6E));
background:linear-gradient(#BABABA, #6E6E6E);
-pie-background: linear-gradient(#BABABA, #6E6E6E);
}
.block-button:hover{
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
background:#D4D4D4;
background:-moz-linear-gradient(#D4D4D4, #737373);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#737373));
background:linear-gradient(#D4D4D4, #737373);
-pie-background: linear-gradient(#D4D4D4, #737373);
}Happy “color” hunting:
1. First make one here: http://en.gravatar.com/
2. Goto this page: http://www.yoursite.com/wp-admin/options-discussion.php
Your Gravatar is tied to your e-mail address and show up in minutes.
The file and link to closequote1.gif is okay.
Right now I’m using a simpel link on this page:
http://www.nørrebo.dk/?page_id=2367
It just seems to me that “right” is like the
blockquote area in sprite_master.png (570px)
and its better to control Blockquote “right”
side with style.css
Hi Svanhuet
Have you made a Child theme?
(Best place for changes)
Kim
Im using these lines for colors: (Color codes u decide)
.sidebar h3 {
-pie-background: linear-gradient(#BABABA, #6E6E6E);
background: #BABABA;
background: linear-gradient(#BABABA, #6E6E6E);
background: -moz-linear-gradient(#BABABA, #6E6E6E) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BABABA), to(#6E6E6E));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BABABA', endColorstr='#6E6E6E'); /* for IE */
text-shadow: 0 -1px 0 #000000;
}.featured_slider{
background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
background: linear-gradient(left top, #E0E0E0, #EEEEEE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#EEEEEE'); /* for IE */
-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
box-shadow: inset 0px 0px 1px 1px #C4C4C4;
}
.featured_slider #slider_root {
-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
box-shadow: inset 0px 0px 1px 1px #C4C4C4;
background: none repeat scroll 0 0 #FFFFFF;
}In reply to: Great theme! Please help to modify right margin to content text
February 26, 2011 at 12:01 am #12946Hi merikka
Great layout on Your site. Good looking, but I think you can use margin-right in style.css:
.entry-content p, .entry-content ul, .entry-content ol, .comment-entry ol {
color: #000000;
font-family: georgia;
font-size: 16px;
line-height: 2;
margin-right: 25px;
}.entry-content h4, .comment-entry h4 {
font-size: 14px;
margin-right: 25px;
}Kim