Forum Replies Created
-
AuthorPosts
-
December 30, 2021 at 3:53 pm in reply to: License Key for Pro Plus version of Genesis Blocks and Genesis Custom Blocks #504643
Jeremy Holden
ParticipantI updated the snippet with jquery to add the id attribute on for the error on the WordPress updates page.
One thing to be aware of is that the Genesis Blocks key is the only error showing in the code so if other errors are ever displayed inside the same <div> then they will also be hidden. That being said, any other errors generated should be inside their own <div> and wouldn't be affected.
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantI don't see the classes you have in your js at all on the site so I don't really know what you're trying to do.
Jeremy
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantI'm not sure I understand what you are trying to do. The image you have is covering the whole width (at least on my screen).
You can add background-size: 100% to the body class at line 168 to make it fit any screen.
Both of the examples you gave use javascript so the background will scroll seperate from the rest of the page.
Jeremy
Website design and Genesis customization
jeremyholden.meJeremy Holden
Participantcan you give a link to your site and the image you're trying to use?
Jeremy
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantIs there a reason you're trying to use a shortcode rather than just the full embed code?
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantThis might be what you're looking for:
Jeremy
Website design and Genesis customization
jeremyholden.meJanuary 24, 2015 at 1:46 pm in reply to: Changing child themes results in loss of home page widget text #138536Jeremy Holden
ParticipantThat's not too strange. Widget areas have different names so it's not surprising, for example, that home section 1 could end up in home middle and then in home section 2 when reverting back.
At least you found them.
Jeremy
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantHey there,
The sample theme doesn't have any media queries in it. They can be added without too much trouble but it really depends on the details of what you want in your design.
To answer your questions, if you want to start over, you can download the theme again from your Studiopress account, unzip the files in new folder, copy the original style and functions files to your site using ftp or file manager.
There are many great tutorials you can find to address specific issues (for instance this one will work to make your menus responsive). When searching it's best to include "genesis" along with what you're looking for - you can find a lot out there that doesn't work or is more complicated than necessary with Genesis.
You can get another theme-if you originally purchased your theme through Studiopress you should be able to get a returning customer discount-just make sure you're logged in and the discount will be shown and applied. I don't know that you will find any more support than is already available to you. Carrie is great but support is usually limited to bugs and technical issues. Set up and styling is left up to you and community members who will volunteer their time to answer specific questions.
If you don't have the know how or the time to learn it might be best to find a theme that has the basic look you want and just use it as is. Otherwise you can hire someone to get one set up the way you want.
Jeremy
Website design and Genesis customization
jeremyholden.meJanuary 24, 2015 at 1:05 pm in reply to: Changing child themes results in loss of home page widget text #138528Jeremy Holden
ParticipantI believe any widgets that are not used when changing child themes will be in the unused widgets area on the widgets page.
go to Dashboard > Appearance > Widgets and scroll down and you should see them there.
Jeremy
Website design and Genesis customization
jeremyholden.meJanuary 24, 2015 at 12:27 pm in reply to: Customising the Header Image for Parallax Pro theme #138523Jeremy Holden
ParticipantI see you have a custom menu in the header right area, did you want the image behind the menu too or did you want to have that menu below the header image?
Jeremy
Website design and Genesis customization
jeremyholden.meJanuary 23, 2015 at 9:22 pm in reply to: Parallax Pro: Need help aligning the images with overlays in the page centre. #138484Jeremy Holden
ParticipantI would work with the built in column classes. I played with it and made some changes and was able to get everything to center at any screen size.
Here's what I used for html:
<div class="big-box"> <div class="one-fourth first box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/planning.png" alt="planning"> <div class="overbox"> <div class="title"><a href="http://www.ew3tech.com/services/#planning"> Planning </a></div> </div> </div> <div class="one-fourth box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/design.png" alt="design"> <div class="overbox"> <div class="title"> <a href="http://www.ew3tech.com/services#design">Design</a></div> </div> </div> <div class="one-fourth box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/coding.png" alt="development"> <div class="overbox one-fourth"> <div class="title"><a href="http://www.ew3tech.com/services/#development"> Development </a></div> </div> </div> <div class="one-fourth box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/launch.png" alt="launch"> <div class="overbox one-fourth"> <div class="title"> <a href="http://www.ew3tech.com/services/#launch">Launch</a> </div> </div> </div> <div class="clear"></div> </div>
And here's the css:
/* Newly Added CSS*/ /*four phases of design and development icons*/ .big-box{ margin:auto; width: 67%; /* height:auto; */ } .clear{ clear:both; } .box{ cursor:pointer; /* height: 170px; */ /* width: 170px; */ /* float: left; */ position:relative; overflow:hidden; /* margin-left: 15px; */ text-align: center; /* margin: 0 auto; */ } .box .overbox a{ display: block; background:#323248; position:absolute; top:0; left: 0; color:#fff; z-index:100; opacity:0; height: 170px; width: 170px; border-radius:50%; padding-top: 60px; margin: 0 auto; text-align: center; right: 0; } .overbox { width: 100%; margin: 0 auto; text-align: center; }
Jeremy
Website design and Genesis customization
jeremyholden.meJeremy Holden
Participantdid you get this figured out? When I look it seems to be showing the way you wanted it, if I'm understanding correctly.
Jeremy
Website design and Genesis customization
jeremyholden.meJanuary 23, 2015 at 8:10 pm in reply to: Customising the Header Image for Parallax Pro theme #138476Jeremy Holden
Participantcheck out this thread:
http://www.studiopress.community/topic/how-to-increase-the-header-size-in-generate-pro-theme/
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantYou can add {text-align: center;} to that class in the media query.
If you use firebug for firefox element inspector in Chrome you can find and then try making any of these changes and see it live before actually making any edits to your css. Also if you re-size your browser window you can see how your site is going to respond to smaller width screens. Then you can find what changes you want to make with the inspector.
Here are a couple tutorials:
http://www.jasonbobich.com/web-design/how-to-make-your-own-css-customizations-easily-with-firebug/
http://www.studiopress.com/tips/using-firebug.htm
As far as your mobile menu goes this process has worked for me:
http://wpsites.net/web-design/genesis-mobile-responsive-nav-menu-sub-menu/
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantIt's in the same media query -
change this width from 580px to 100%
.footer-widgets-1,.footer-widgets-2,.footer-widgets-3,.home-middle-left,.home-middle-right,.sidebar-primary,.title-area{width: 100%;}
and this width from 520px to 100%
.content{width: 100%;}
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantJanuary 19, 2015 at 1:43 pm in reply to: Parallax Pro: Link Home Sections Button to Home Section 4 #137967Jeremy Holden
ParticipantIt is possible. It requires editing the theme files to add an id to each section you wan to link to.
You would need to open the front-page.php file. Somewhere around line 59 find "//* Add markup for homepage widgets"
Each home section will have this code:
genesis_widget_area( 'home-section-1', array( 'before' => '<div class="home-odd home-section-1 widget-area"><div class="wrap">', 'after' => '</div></div>', ) );
Then add the id to each div:
div id="home-section-1" class="home-odd home-section-1 widget-area"Here's what I have used:
//* Add markup for homepage widgets function parallax_homepage_widgets() { genesis_widget_area( 'home-section-1', array( 'before' => '<div id="home-section-1" class="home-odd home-section-1 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-2', array( 'before' => '<div id="home-section-2" class="home-even home-section-2 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-3', array( 'before' => '<div id="home-section-3" class="home-odd home-section-3 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-4', array( 'before' => '<div id="home-section-4" class="home-even home-section-4 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-5', array( 'before' => '<div id="home-section-5" class="home-odd home-section-5 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); }
Then to link to the section 4 with the price table make the button link:
<a class="button" href="http://www.cassiecreative.com/#home-section-1">Learn More</a>
Jeremy
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantYou can clean it all in the media queries you have already.
Unfortunately I can't direct you to the right place because your css is all showing as one line.
The header image issue can be fixed with:
.site-header .widget-area { width: 320px;}
and
.title-area {width: 520px;}
Both under:
@media only screen and (max-width: 1139px)
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantI just looked at your site.
Looks like you were able to get it figured out. If you can mark the thread resolved so that others will know that you’re all set.
Thanks
Website design and Genesis customization
jeremyholden.meJeremy Holden
ParticipantCheck out this page:
If you need help implementing anything on the page I am able to help with it.
Jeremy
Website design and Genesis customization
jeremyholden.me -
AuthorPosts