Forum Replies Created
-
Well, static page & a blog page is working.
But there are other means, say:
http://www.creative-web-ideas.com/index.php/2009/07/list-blog-posts-pages-plugin/
Kim
Something I think many times is that text size is to small
or the ariel font is boring. Say, for size You have:
.entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
color: #2C2B2B;
font: 12px/20px arial;
}Try this:
.entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
color: #2C2B2B;
font-family: georgia,verdana,tahoma,arial;
font-size: 14px;
}Well, I like georgia. But You can easy switch It with arial as first word 🙂
Sidebar You have:
.sidebar, .sidebar p, .sidebar li {
font-family: arial;
font-size: 12px;
}Maybe:
.sidebar, .sidebar p, .sidebar li {
font-family: arial,verdana,tahoma,georgia;
font-size: 13px;
}Just some ideas.
Kim
Transparent gray bar on slider:
You have:
.full-sized .slider-entry-wrap {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 35%;
}You can easy change 0.7 value for color. Say 0.5
(I think ist great now 🙂
And width is now 35%
But there is a button isue if width gets to small or 0%
Kim
Are You sure the Blok link are:
http://bsidesmetal.com/?page_id=117
Thank You for the slider info.
I see lots of ? for this 🙂
You still have some blue border on button:
.full-sized .block-button, .full-sized .block-button:visited {
border-color: #277EC0;
bottom: 10px;
position: absolute;
right: 10px;
}Maybe this will do: (You decide 🙂
.full-sized .block-button, .full-sized .block-button:visited {
border-color: #6E6E6E;
bottom: 10px;
position: absolute;
right: 10px;
}Kim
Well, any Photoshop or PSE will go, right 🙂
My header image was made in PSE, where You can “place”
and scale any image on a picture “background”.
Text I insert with Mac picture wiever.
Maybe You also have found the Themes PSDs 🙂
http://graphene.googlecode.com/svn/trunk/PSDs/
Kim
Slider border working with IE8 🙂
.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='#E0E0E0', endColorstr='#EEEEEE'); /* for IE */
-pie-background: linear-gradient(#A6A6A6, #EEEEEE);
-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;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#afaeae', Direction=90, Strength=3) !important; /* for IE */
}Kim
Its a 960 x 198px image. (Standard)
Insert here:
http://www.sweettimephotography.com//wp-admin/themes.php?page=custom-header
Kim
Have You tried build in menu:
http://bsidesmetal.com/wp-admin/nav-menus.php
Allow me. I think You made a great job with the
slider. Can You tell me/us how?
If You want to change the blue colors in, say:
http://bsidesmetal.com/?category_name=b-green
h1.page-title {
-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 IE8 */
text-shadow: 0 -1px 0 #000000;
-moz-border-radius: 0 5px 0 0;
}.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);
}Kim
Simply, why not use the latest edition of any software,
where the latest development is!
I think your choice 🙂
PS. When You write Code here. Put it between backticks,
its more readable.
Kim
Its wise to make a Child Theme!
Make a
graphene-childsubdir in themes catalogand copy Your style.css (And if any: functions.php, loop-children.php) there.
(Use notepad or css editor when You make/edit Child files.)
Looking at Your style.css : (Hmm,
}🙂/*
Theme Name: Graphene Child
Theme URI: http://www.mostabear.info/
Description: Child theme for the Graphene theme
Author: Christine/Steven Grouhel
Author URI: http://www.mostabear.info/about/
Template: graphene
Version: 0.1.2.1
*/
@import url("/graphene/style.css");
/* Your modification goes here */
body {
background: url(images/bg_g.png) repeat #000 fixed;
font: 12px Tahoma, Arial;
}
a,
a:visited {
color: #669966;
text-decoration: none;
}
a:hover {
color: #003300;
text-decoration: none;
}
#nav .menu li a,
#nav .menu li a:visited {
color: #99ff99;
font: normal 12px arial;
line-height: 24px;
padding: 0 6px;
text-decoration: none;
}
#nav #secondary-menu.menu li a,
#nav #secondary-menu.menu li a:visited {
color: #71716F;
font-size: 11px;
text-transform: none;
}
h1.page-title {
background: #336633;
background: linear-gradient(left top, #003300, #ccff99);
background: -moz-linear-gradient(left top, #003300, #ccff99);
background: -webkit-gradient(linear, left top, right bottom, from(#003300), to(#ccff99));
-pie-background: linear-gradient(left top, #003300, #ccff99);
color: #e3e3e3;
font-size: 130%;
margin: 0 auto 10px;
padding: 8px 0;
text-align: center;
text-shadow: 0 -1px 0 #333333;
}
.featured_slider {
-pie-background: linear-gradient(left top, #003300, #ccff99);
background: #336633;
background: linear-gradient(left top, #003300, #ccff99);
background: -moz-linear-gradient(left top, #003300, #ccff99);
background: -webkit-gradient(linear, left top, right bottom, from(#003300), to(#ccff99));
margin-bottom: 20px;
padding-bottom: 25px;
padding-top: 15px;
position: relative;
width: 100%;
}
.full-sized .block-button,
.full-sized .block-button:visited {
border-color: #003300;
position: absolute;
right: 10px;
bottom: 10px;
}
.block-button,
.block-button:visited {
background: url(images/bg-block-button.png) left bottom repeat-x #336633;
background: -moz-linear-gradient(#003300, #ccff99);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003300), to(#ccff99));
background: linear-gradient(#003300, #ccff99);
border: 1px solid #336633;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555;
color: #fff;
cursor: pointer;
display: block;
float: right;
font: bold 12px arial;
margin: 10px 5px 5px;
padding: 5px 15px 6px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px #444;
}
.block-button:hover {
background: url(images/bg-block-button-hover.png) left bottom repeat-x #336633;
background: -moz-linear-gradient(#003300, #ccff99);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003300), to(#ccff99));
background: linear-gradient(#003300, #ccff99);
color: #fff;
cursor: pointer;
text-decoration: none;
}
.sticky {
background-color: #bdff8e;
}
p code {
background-color: #edffd6;
}
#comments li.bypostauthor {
background-color: #003300 !important;
-moz-box-shadow: 0 0 5px #333333;
-webkit-box-shadow: 0 0 5px #333333;
box-shadow: 0 0 5px #333333;
color: #FFFFFF;
}
#comments .children li.bypostauthor {
padding: 10px 10px 0 60px !important;
border:1px solid #003300;
}
#comments ol li.bypostauthor img.avatar {
border-color:#003300;
}
.sidebar h3 {
-pie-background: linear-gradient(#003300, #ccff99);
background: #003300;
background: linear-gradient(#003300, #ccff99);
background: -moz-linear-gradient(#003300, #ccff99) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003300), to(#ccff99));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003300', endColorstr='#ccff99'); /* for IE */
text-shadow: 0 -1px 0 #000000;
}
.sidebar h3 a,
.sidebar h3 a:visited,
.sidebar h3 a,
.sidebar h3 a:hover {
color: #336633;
}IE8? Why not IE9!
Kim
