Forum Replies Created
-
AuthorPosts
-
June 18, 2013 at 2:38 pm in reply to: Help Changing Color on background boxes in footer widgets #46617Aaron HartlandMember
Ahhh, I see it now... and It's on the StudioPress demo site too. This is being added by this CSS:
`.page .wrap,
.post .wrap {
background: #fff url(images/post-swirl.png) no-repeat right bottom;
}`
BUT... assuming you still want the little swirls at the bottom right of each post, I wouldn't delete this. Rather, you could just set the background for the footer widgets and footer to transparent:
`.footer .wrap,
.footer-widgets .wrap {
background: transparent;
}`
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberThe white (#fff) background behind the second set of navigation menus is being set by these two areas in your style.css file:
`.menu-secondary {
background: #fff;
}``.innov8tive-turquoise #subnav .wrap {
background: #fff;
border-bottom: 6px solid #0b5da7;
border-top: 1px dotted #66c0c0;
}`
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+June 18, 2013 at 1:41 pm in reply to: Help Changing Color on background boxes in footer widgets #46602Aaron HartlandMemberIn you child theme's style.css file, find this:
`#footer-widgets .widget {
background: url(images/black-transparent.png);
border: none;
margin: 0 0 15px;
padding: 30px;
}`and change the "background" to whatever color (or image) you want.
something like:
`#footer-widgets .widget {
background: #555;
border: none;
margin: 0 0 15px;
padding: 30px;
}`All the the footers look the same to me. Can you be more specific?
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberHi - You can limit the width of the nav (and subnav) by using "max-width" and then centering (margin: 0 auto;) the element.
SO... (working from the SudioPress demo site) this:
`#nav {
background-color: #111111;
clear: both;
overflow: hidden;
}`could be changed to this:
`#nav {
background-color: #111111;
clear: both;
margin: 0 auto;
max-width: 960px;
overflow: hidden;
}`
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberIn looking at your code, it looks like you might be using the Genesis Slider and not the Genesis Responsive Slider.
Please verify that this is the plugin that you are using: Genesis Responsive Slider
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberIn Genesis Theme Settings.. if you select to "Enable Fancy Dropdowns?" in the Navigation area... this will hide the secondary items when viewed on a smaller screen. This is the way the the theme is configured on the SP demo.
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberI think this might give you the look you're seeking....
For the #header div, change the background color from transparent to white (#fff):
`/** added **/
#header {
background: url(images/bg.png) repeat-x scroll 0 0 #fff;
margin: 0 auto;
z-index: 100;
position: fixed;
top: 0;
width: 100%;
}`And then add 5px more margin to the top of the #inner div:
`#inner {
clear: both;
margin-top: 90px;
}`
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberGo to the "general settings" page of your WordPress dashboard... In the date format area of this page, click the button for custom and paste: "m.d.y" (without the quotation marks) into the field... save and refresh your page.
documentation: Codex - Formatting Date and Time
Cheers!
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberAround line number 110 of your child themes CSS file you will see this:
`#header .widget-area {
width: 650px;
float: right;
margin: 0;
padding: 0;
}`Change the width value to something that will fit in that area... like so:
`#header .widget-area {
float: right;
margin: 0;
padding: 0;
width: 450px;
}`Cheers!
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberThe problem isn't actually with the links... It's with the way that the Soliloquy slider is being displayed. Two suggestions...
Edit your photos to better fit the size that you've assigned... and... add this to the CSS file of your child theme:`.soliloquy {
overflow: hidden;
}`
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberUpload your image to your images folder via FTP and then add something like this in your CSS file:
body {
background: url (images/your-image-name.png);
}...and be sure to replace "your-image-name.png" with the name of your image.
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberI would suggest the Genesis Simple Sidebars plugin by StudioPress: http://wordpress.org/extend/plugins/genesis-simple-sidebars/ It was created specifically for this purpose.
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberTom - I believe that the section you are looking for in the Executive theme CSS is:
.executive-home .home-cta
("cta" = short for call to action)
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+December 18, 2012 at 11:41 pm in reply to: Footer looks strange after editing footer text – AGAIN #6101Aaron HartlandMemberReduce the width of your #footer .gototop or your #footer .creds in the CSS and you should be good to go.
It looks like there is more padding on these two elements than in the original theme (Serenity)... essentially making them wider than they otherwise would be... forcing one down below the other.
As an example... if you changed the width of your .gototop to 155px would that be the look your attempting?
#footer .gototop {
width: 155px;
float: left;
margin: 0;
padding: 5px 0 0 25px;
}
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberOne more thing... I might also add in the hover state of the current page here (so that the current page link doesn't change color on hover):
#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a, #header ul.menu .current-menu-item a:hover {
background: #72D4EA;
color: white;
text-decoration: none;
}Added in "#header ul.menu .current-menu-item a:hover"
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberIn the same block of css (above) the hover color of the other links is also being set. If you delete the "#header ul.menu li a:hover" line and then assign a new color to the same... you should be good to go...
deleted hover color:
#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
background: #00B8DE;
color: #FFFFFF;
text-decoration: none;
}New bit of css for the hover state of the other pages (just update to your desired color):
#header ul.menu li a:hover {
background-color: #7CA513;
}
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberYes, he (FAT Media) is correct. At your screen resolution, the columns are 100% and won't show side by side.
I don't think you need to adjust this... but if you must... in the "@media only screen and (max-width: 1200px)" section of your css, you could could remove the column widths that you want from the below block of CSS and assign new properties:
.five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds {
padding: 0;
width: 100%;
}
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberThe columns are showing up when I look at the StudioPress demo site (http://demo.studiopress.com/eleven40/columns/)
Could you post a link to your site?
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberYour comment button is there, you just can't see it because the text and the background color have been set to white (at rest and on hover):
.nitrous-green div.gform_footer input.button,
.nitrous-green input[type="button"],
.nitrous-green input[type="submit"],
.nitrous-green .more-link {
background-color: #ffffff !important;
border: none;
}.nitrous-green div.gform_footer input.button:hover,
.nitrous-green input:hover[type="button"],
.nitrous-green input:hover[type="submit"],
.nitrous-green .more-link:hover {
background-color: #ffffff !important;
border: none;
}
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+Aaron HartlandMemberNo php is required. I believe that the block of css that you are looking for starts around line 213 of your css file and looks like this:
#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
background: #00B8DE;
color: #FFFFFF;
text-decoration: none;
}Change the #00B8DE to your desired color and you should be all set.
Aaron Hartland | http://www.aaronhartland.com
Twitter | Facebook | LinkedIn | Google+ -
AuthorPosts