Forum Replies Created
-
AuthorPosts
-
Pixel FrauMember
Look for the media queries section towards the end of your stylesheet. This is where the content and sidebar widths are specified for mobile devices. You need to adjust those widths as well to keep your new layout responsive.
This is where you'll need to make the changes:
@media only screen and (max-width: 1139px) { .footer-widgets, .site-container, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 688px; } .content { width: 580px; } .site-header .widget-area { width: 544px; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 380px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .home-middle-left, .home-middle-right, .sidebar-primary, .title-area { width: 272px; } }
Pixel FrauMemberThe link to your site doesn't seem to be working. Make sure the site is viewable, repost the link and I'll take a look for you.
Pixel FrauMemberWithout knowing exactly what was there before and exactly what you added/deleted, it's almost impossible to tell you how to fix it. You most likely accidentally deleted (or didn't delete) something.
If that's the only change you've made to your functions file, the best thing to do would be to re-upload the original file via FTP.
Pixel FrauMemberLooks like you added the opening PHP tag by mistake.
This bit should not be there:
<?php //* Do NOT include the opening php tag
This is the part you want to add to your functions file:
//* Remove the site title remove_action( ‘genesis_site_title’, ‘genesis_seo_site_title’ );
If your website is still blank, check to make sure you also removed that extra opening PHP tag.
Pixel FrauMemberYou added a width of 1000px to .nav-primary and .site-footer. You'll need to add those elements to the media queries, assigning widths for various screen sizes. How many screen sizes you adjust for is up to you.
Another option would be to replace your existing width:1000px with max-width:1000px. You'll still need to adjust the background images in the media queries for smaller sizes though. Or you may want to eliminate the background images and just use a border for smaller screen sizes.
Pixel FrauMemberIt looks like you changed the standard widths to 1000px, but you didn't change those same widths for smaller screen sizes. Scroll down to the bottom of your stylesheet and check out the media queries (starting with @media). You need to adjust the widths for the core, nav bar and footer in the media queries as well.
Pixel FrauMemberThere's an easy way to find out. Disable the plugins one at a time, checking to see if the italics go away after disabling each one.
Pixel FrauMemberIt looks like each widget area is wrapped in
<em>
tags which is causing the italics. It doesn't appear to be in the CSS, but in the actual widget areas.Have you modified any other code besides the CSS? Maybe inadvertently hardcoded
<em>
tags into the theme? Or perhaps added your widget titles and text with<em>
tags by mistake?Pixel FrauMemberDoes your web host server have caching enabled? This is often the cause if you've disabled all caching plugins.
Pixel FrauMemberYour code looks correct except for the quotation marks. Try copy/pasting the code directly from this page.
See how your quotation marks are at an angle, but the quotes in the original code are straight up and down? Fix that and the code should work.
Pixel FrauMemberYou might want to read this post about using Firebug to track down elements for color changes, etc.
Inspecting your website with Firebug shows that the menu background color is currently set by the following CSS. The background color appears to have been set with Design Palette Pro, so you would need to remove it there.
body.gppro-custom .nav-primary { background-color:#fff; }
The gray line at the bottom of the menu is working properly. It looks like you've assigned a background color of white to each menu item (.menu-primary a), which is covering up the gray line. You would need to remove that background color in Design Palette Pro.
Pixel FrauMemberYou've most likely added that styling somewhere in Design Palette Pro. The background color assigned to body.gppro-custom .menu-primary a is what is causing the block size to appear taller than the menu area.
Pixel FrauMemberWhat do you have selected in Genesis > Theme Settings > Content Archives?
My guess is you have 'Display post excerpts' selected. You can switch this to 'Display post content' and enter a content limit number. That should give you the more tags.
Pixel FrauMemberQUESTION 1
Client wants the background color that only runs the width of the menus to be blue and not white. Where to find that code?
Change the background color for .nav-primary .wrap (around line 1281 in the stylesheet).
QUESTION 2
The block color and height for each menu – where is that code?
The block size is taller than the background color that runs the width of the menus.
Client wants to change the color and height of the separate menu blocksIt looks like you've added some CSS that is causing this. Remove the following:
body.gppro-custom .menu-primary a { background-color: #9cc483; }
Pixel FrauMemberThis might be a good starting point: http://sridharkatakam.com/video-background-genesis-using-jquery/
Pixel FrauMemberIt seems to be coming from here:
.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link, .menu-secondary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited, .sidebar .menu li li a, .sidebar .menu li li a:link, .sidebar .menu li li a:visited { background: none; color: #4D1219; font-size: 12px; padding: 5px 10px; position: relative; text-transform: none; width: 200px; }
The width is 200px + 10px on each side from the padding. If you change the width to 180px it should stay within the container.
Pixel FrauMemberA landing page is different than the home page. 🙂
You'd need to either modify front-page.php to modify the home page layout or, as you've done, remove/rename it and assign the landing page as the home page in the WordPress settings.
Glad you were able to find a solution.
Pixel FrauMemberIn that case, try something like this:
.genesis-nav-menu .sub-menu .shorter a { padding: 14px 20px; }
It's helpful if you post a link to your website so that we can look at your actual code. 🙂
Pixel FrauMemberHave you tried disabling comments in the Genesis settings? Genesis > Theme Settings > Comments and Trackbacks.
Pixel FrauMemberYou can assign a class to the individual sub-menu item. Then specify the padding for that class in the CSS.
Appearance > Menus > enter a class in the CSS classes field. If you don't see the CSS classes option, click Screen Options and tick the CSS Classes box.
Add something like this to your CSS:
.sub-menu a.custom-class { padding: 14px 20px; }
Replace 'custom-class' with whatever you typed in as the class for the sub-menu item. Increase/decrease the 14px to adjust the height.
-
AuthorPosts