Forum Replies Created
-
AuthorPosts
-
June 28, 2016 at 1:49 pm in reply to: Show woocommerce product page as full-width on mobile theme Foodie Pro #188469rfmeierMember
senordeer,
There is a css rule for 767px
@media only screen and (max-width: 767px) { .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds, .first { clear: none; margin-left: 2.564102564102564%; width: 48.717948717948715%; }
I added the following after line 2737 and it removed the margin. You can adjust left and right margins as needed.
.full-width-content .five-sixths, .full-width-content .four-sixths, .full-width-content .one-fourth, .full-width-content .one-half, .full-width-content .one-sixth, .full-width-content .one-third, .full-width-content .three-fourths, .full-width-content .three-sixths, .full-width-content .two-fourths, .full-width-content .two-sixths, .full-width-content .two-thirds, .full-width-content .first { clear: none; margin-left: 0; padding-right: 0; width: 100%; }
June 28, 2016 at 12:51 pm in reply to: Show woocommerce product page as full-width on mobile theme Foodie Pro #188463rfmeierMembersenordeer,
The single product page is actually displaying a 'singlular' post type, so Genesis doesn't really treat it as a page layout. You can trick it with the snippet below in your theme's functions.php file.
https://gist.github.com/fd958478a89849f85fafc3ee95f9f1a0.git
rfmeierMembert-west,
Just looking at the css/structure of the site, the soliloquy are has a max-width of 1600px. This could be part of the issue. It really sounds like there is a still width limitation somewhere.
For issue #2, since you set a width of 100%, there is now a need for padding --or margin-- to prevent the images from being flush with the side of the screen.
You could try this for issue #2
.front-page-2 { margin-left: 30px; margin-right: 30px; }
You can adjust as needed, just be make sure to test that it does not screw anything up while on smaller/mobile screen sizes.
rfmeierMembercarrieoke13,
If I am correctly understanding what you are attempting to do, you can iterate through each page object and grab the associated terms with get_the_terms() and then use get_term_link() to generate the link.
Let me know if I am not understanding the question correctly.
Good luck!
rfmeierMemberHello,
What is your thoughts on a reasonable size? When you say before and after the widgets; Are you referring to above and below?
Using the
display: table;
is a little odd, I don't see that being used as much. I did notice that the "image sections" have an inline height of613px
.Let me know, I can take another look.
rfmeierMemberthefrugalmom,
I was confused at first, but I found this within your style.css file;
/* line 816 */ .has-post-thumbnail .entry-content a { display: center; text-align: block; }
This is actually incorrect.
display: center;
should bedisplay: block;
. But this would put a link on it's own line as you were describing, which is not what you want.The other rule is also incorrect
text-align: block;
should betext-align: center;
which would center the link text, but it wouldn't change much within a paragraph.You would be safe to remove the block of css code above.
http://thefrugalmom.net/valentines-day-gift-for-teachers/
rfmeierMemberIf you disable the StudioPress theme, does the issue go away? If it does not, try toggling plugins.
rfmeierMemberrfmeierMembervlramirez,
WordPress moved away from the header image uploader in a recent path. They instead have you upload the header and background images through the Admin > Appearance > Customize menu.
Are you able to access that menu?
rfmeierMemberVeken,
Since this is a core WordPress function, you would probably get a better response on the WordPress forums.
https://wordpress.org/support/
January 4, 2015 at 3:44 pm in reply to: How do I create a minimum size for Genesis Featured Post Widgets in Lifestyle Pr #136062rfmeierMemberAlyssaavant,
You will need to add some css to your style.css file.
After .home-bottom-right around line 1201 within your style.css file, append the following;
.home-bottom-left .featured-content .entry, .home-bottom-right .featured-content .entry{ min-height: 500px; }
You can adjust the
500px
height as needed.There is also a text widget that has a bottom margin that will need to be removed to allow them to line up correctly.
rfmeierMemberdjfit99,
There markup is actually correct. It is the paragraph styling that is incorrect.
Around line 1247, alter your style.css file as follows;
.lifestyle-pro-home .content .featuredpost p { margin: 0; }
.lifestyle-pro-home .content .featuredpost p { margin: 0; margin-bottom: 26px; }
January 4, 2015 at 3:26 pm in reply to: Javscript snippet for Parallax Pro needs tinkering, but unsure how to implement #136060rfmeierMemberJanuary 4, 2015 at 12:10 pm in reply to: Javscript snippet for Parallax Pro needs tinkering, but unsure how to implement #136041rfmeierMemberJason,
Here is the full script. I wasn't able to test it, but I you can test it and alter as needed.
https://gist.github.com/rfmeier/c421a5bf60ec886a38a1
January 4, 2015 at 12:01 pm in reply to: Javscript snippet for Parallax Pro needs tinkering, but unsure how to implement #136040rfmeierMemberJason,
You can go off the following. The first if-statement checks the window size on initial load. The second listens for a window resize event;
// check initial window size if( window.innerWidth > 687 ) { // hide or show the menu based on the window's initial size } // listen for browser resize $( window ).on( 'resize', function() { if( window.innerWidth > 687 ) { // hide or show the menu based on window size after resize } });
rfmeierMemberalliechynna,
I am guessing the
alignleft
css class is floating the menu left, which is creating float issues for elements after the menu.If you add something like the following to clear the floats, it could solve the issue.
<div style="clear: both;float: none;"></div>
January 4, 2015 at 11:53 am in reply to: Big white space between title and menu before header image loads in prose theme #136038rfmeierMemberMunguti,
Are you able to remove the header image? This is what I can see as the header image from the developer tools; http://www.christiantruthcenter.com/wp-content/themes/prose/images/header.png
January 4, 2015 at 11:48 am in reply to: Simple Edits – Removing Entra Meta on One Blog Post, But Not Others #136037rfmeierMemberswstudio,
Since Genesis Simple Edits alters the entry content globally, this will require a php hook within the theme's function.php file. If you want to avoid editing the php directly, you can try using the Genesis Simple Hooks plugin and add the following to the genesis_before_entry hook.
<?php if( ! is_home() ){ return; } remove_action( 'genesis_entry_footer', 'genesis_entry_footer_markup_open', 5 ); remove_action( 'genesis_entry_footer', 'genesis_entry_footer_markup_close', 15 ); remove_action( 'genesis_entry_footer', 'genesis_post_meta' ); ?>
Remember to check Execute PHP on this hook?
rfmeierMemberrfmeierMemberthefrugalmom,
On line 783 of your style.css file change
text-align: center;
totext-align: left;
.
-
AuthorPosts