Forum Replies Created
-
AuthorPosts
-
Doug EdgingtonMemberDoug EdgingtonMember
It would require modifying your stylesheet - style.css in the root of the child theme directory. You can reduce the link top and bottom padding.
/* Current padding - 28px on the top and bottom */ .genesis-nav-menu a { padding: 28px 24px; padding: 2.8rem 2.4rem; }
/* Padding reduced to 20px on the top and bottom */ .genesis-nav-menu a { padding: 20px 24px; padding: 2rem 2.4rem; }
Doug Edgington
http://www.dougedgington.comMarch 26, 2016 at 2:11 pm in reply to: How to divide back end post editor in two or three colums #182298Doug EdgingtonMemberMarch 25, 2016 at 11:56 pm in reply to: How to prevent the main menu from collapsing on smaller screens. #182260Doug EdgingtonMemberYou can exclude the reference to responsive-menu.js in your child theme. It is what controls the responsive menus. Keep in mind that this will disable the functionality for all Genesis related menus. You can comment out the following line of code in your functions.php file.
/* wp_enqueue_script( 'outreach-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' ); */
If you have more than one Genesis menu running, and you are only trying to disable the functionality for one menu, then you can edit the responsive-menu.js file to remove the code that pertains to the menu that you are trying to disable.
Doug Edgington
http://www.dougedgington.comMarch 25, 2016 at 11:00 am in reply to: How to divide back end post editor in two or three colums #182241Doug EdgingtonMemberNo problem. Basically, you need to add an additional stylesheet to the root of your child theme. And add the add_editor_style( ) function to your functions.php file.
Below is a tutorial that should help. I didn't read the whole tutorial, but from what I seen, it looks like it explains it pretty well.
http://wpnom.com/chapter/style-the-wordpress-visual-editor/
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberBy the way, I just realized my example snippet is missing the @ symbol in front of the media query.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberOkay. So it was already fixed when I seen it. Glad you figured it out.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberI am not seeing the text overlapping a white area within front-page-1. But the white text in front-page-7 appears to overlap a white area in responsive mode. Rather than trying to move the text away from the white area, you could just change the entire background to a solid color. An example is below.
media only screen and (max-width: 1023px) { .front-page-7 { background: #9e9fa3!important; } }
Doug Edgington
http://www.dougedgington.comMarch 25, 2016 at 8:18 am in reply to: How to divide back end post editor in two or three colums #182224Doug EdgingtonMemberIf you are wanting to add styling to the to the visual editor, you can use the add_editor_style( ) function to apply a stylesheet to the visual editor.
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberIf you navigation is within the header, then you would just make the header fixed. See the example below. The .admin-bar style declaration is to accommodate the admin bar along with the fixed header.
.site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } .admin-bar .site-header { top: 32px; }
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberYou would need to modify the stylesheet. Do you have a link?
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberDo you have Genesis Connect for WooCommerce running? If not, this may be the issue. This plugin replaces Woo's built in shop templates with Genesis-ready versions.
https://wordpress.org/plugins/genesis-connect-woocommerce/
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberGlad you got it working. Since you applied styling fix at the body level, I would just make sure it did not affect anything else around the site.
Doug Edgington
http://www.dougedgington.comMarch 18, 2016 at 10:02 pm in reply to: How do you change the font in the Front Page 1 Widget? #181835Doug EdgingtonMemberI honestly don't know a lot about choosing the best fonts. I usually have a designer tell me what fonts to use. We use Google Fonts a lot.
Doug Edgington
http://www.dougedgington.comMarch 17, 2016 at 12:30 pm in reply to: Where to add DMCA Badage script in Magazine Pro theme. #181725Doug EdgingtonMemberYou can use the footer widgets for this. But I thought they said it needed to be in the header?
Doug Edgington
http://www.dougedgington.comMarch 17, 2016 at 10:18 am in reply to: Where to add DMCA Badage script in Magazine Pro theme. #181711Doug EdgingtonMemberSorry for the previous double-post. My posts were not showing up for some reason.
Not sure why they are telling you that it has to be in the actual source code. As long as the badge is on the site it should not matter. header.php is not available to you within your Genesis child theme. It is part of the Genesis Framework, which you do not want to edit.
You are using the Magazine Pro theme which has a header right widget area, unless it was disabled by whoever set your theme up. You could add it here, but you have your logo centered. So you would likely need to do some styling. If you don't have the header right widget area available to you, you could re-enable it or add the snippet via a hook.
Doug Edgington
http://www.dougedgington.comMarch 17, 2016 at 1:01 am in reply to: Where to add DMCA Badage script in Magazine Pro theme. #181621Doug EdgingtonMemberAre they telling you that you need to add the badge image to the header of your site? Or are they telling you that you need to add an additional script to the head tag?
Doug Edgington
http://www.dougedgington.comMarch 17, 2016 at 12:58 am in reply to: Where to add DMCA Badage script in Magazine Pro theme. #181620Doug EdgingtonMemberThere is no header.php file in your Genesis child theme. Do you need to put the badge in the site header? Or are they telling you that you need to insert an additional script within the head tag?
Doug Edgington
http://www.dougedgington.comDoug EdgingtonMemberOutreach Pro or Executive Pro may work for what you are trying to do.
Doug Edgington
http://www.dougedgington.comMarch 14, 2016 at 2:50 pm in reply to: Hide the responsive menu ICON on the second navigation only #181431Doug EdgingtonMemberWithin your theme folder's JS directory, you will need to modify the responsive-menu.js file to prevent the responsive related items from being added to this menu.
Doug Edgington
http://www.dougedgington.com -
AuthorPosts