Forum Replies Created
-
AuthorPosts
-
Aaron HartlandMember
The color of the menu items is being set in this block of css (#555 being the current color):
div .menu-primary a,
div .menu-primary a:visited,
div .menu-secondary a,
div .menu-secondary a:visited,
#header .menu a,
#header .menu a:visited {
color: #555;
display: block;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-shadow: 1px 1px #F6F6F6;
}There is also text-shadow in this css, but it's not the only spot. Also see:
div .menu-primary,
div .menu-secondary {
color: #555;
font-size: 14px;
text-shadow: 1px 1px #F3F3F3;
text-transform: uppercase;
}For the color of the paragraph text in your footer widgets, find this:
#footer-widgets p {
font-size: inherit;
margin: 0 0 10px;
}and add a color line like so:
#footer-widgets p {
color: inherit;
font-size: inherit;
margin: 0 0 10px;
}This will pull in the color that is being set in for the #footer-widgets
I hope that helps!
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberIn the release announcement:
"If you are testing Genesis 1.9 Beta and would like to report a bug, head on over to our contact page and fill out the form."
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberFor the "Home Top" widget area...
.home-top h2 {
text-align: center;
}
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberWith the code/structure that you have... Assigning a max-width and also setting the left and right margin to auto and the top margin to 20px should help. Like so:
.home-featured-posts-2 {
margin: 20px auto 0;
max-width: 960px;
}PS - In the future... It could be helpful to also post a like to the site. 🙂
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberDid you modify the CSS file of the plugin? It looks like in the plugin's CSS file a height attribute was added to the images:
.flexslider .slides img {
display: block;
max-width: 100%;
height:400px !important; /*add this line to force slider height */
}I believe that deleting that height line would do the trick. 🙂
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberThe search form isn't being displayed because of the "display:none;" line here in your CSS file:
#nav li.search {
padding: 0 10px;
display: none;
}Delete that and you'll see your search form.... HOWEVER... Once you delete that and view your search form... You'll notice that it doesn't fit very well. 🙂
To fix that, I'd suggest tweaking your nav items -OR- if it was me... I'd probably hide the "search" button and just have the text area... Either way, you'll still have some tweaking to do.
I hope that helps!
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+December 12, 2012 at 3:36 pm in reply to: For Minimum Theme: How do I get the font to look like the demo site? #4779Aaron HartlandMemberThe original CSS is correct, but I just downloaded a fresh version of the theme and it appears that the "bold" font weight isn't being pulled in from Google fonts by the function in the functions.php file.
To fix, I would suggest....
Look for this in your functions.php file:
/** Load Google fonts */ add_action( 'wp_enqueue_scripts', 'minimum_load_google_fonts' ); function minimum_load_google_fonts() { wp_enqueue_style( 'google-fonts', 'http://fonts.googleapis.com/css?family=Open+Sans', array(), PARENT_THEME_VERSION ); }
And replace it with this (we're adding in the normal (400) and bold (700) weights:
/** Load Google fonts */ add_action( 'wp_enqueue_scripts', 'minimum_load_google_fonts' ); function minimum_load_google_fonts() { wp_enqueue_style( 'google-fonts', 'http://fonts.googleapis.com/css?family=Open+Sans:400,700', array(), PARENT_THEME_VERSION ); }
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberThe orange on the CTA and the blue for the widgets beside the sidebar are getting their color from images.
The "banner-texture.png" that you see here is creating the majority of the orange CTA:
#home-featured .call-to-action {
-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
background: url(images/banner-texture.png) repeat-x #f05f21;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
color: #fff !important;
height: 131px;
margin: -20px 0px 30px -15px;
position: relative;
text-shadow: #8f4819 1px 1px !important;
}The "banner-right.png" here is creating the point at the right of the CTA:
#home-featured .call-to-action .banner-right {
background: url(images/banner-right.png) no-repeat;
right: -30px;
display: block;
height: 132px;
position: absolute;
top: 0px;
width: 40px;
}And one final image here ("banner-left.png")provides the little triangle on the bottom left of the CTA:
#home-featured .call-to-action .banner-left {
background: url(images/banner-left.png) no-repeat;
bottom: -12px;
display: block;
height: 12px;
position: absolute;
width: 15px;
}So... to change the color of the CTA, you will need/want to create 3 new images, upload them to your server, and update your CSS appropriately.
The same is true for the blue behind (or to the right of) the slider...
Creating a new image for the background here:#sidebar-alt {
background: url("images/bg-sidebar.jpg") repeat scroll 0 0 #254C67;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
color: #AEC6D7;
float: left;
font-size: 12px;
margin: 15px -5px 15px 0;
position: relative;
text-shadow: -1px -1px #0D1A23;
width: 165px;
z-index: 0;
}If you update this image, you'll probably want to also update the color of the lines (border-top & border-bottom) between widgets here:
#sidebar-alt .widget {
background: none repeat scroll 0 0 transparent;
border-bottom: 2px solid #173041;
border-top: 1px solid #35556C;
margin: 0;
}I hope that helps!
Regards,
Aaron
--
Aaron Hartland
http://www.aaronhartland.com/
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+ -
AuthorPosts