Here’s how to move Post Meta – https://wpsites.net/web-design/3-ways-to-move-post-meta-below-post-info/
and – http://genesisdictionary.com/remove-post-meta/
There’s a bunch more that I found when searching for it, but those should work. Check your functions file to see if there’s already code there for it.
Doing something like this will require some custom PHP coding and will take some extra time/effort. You would need to create a page template and then add in the necessary front page widgets that you want to display inside of the template. You would also need to figure out if you want to show the exact same content on these pages as what is displayed on your homepage. If not, and you would like to have different content to be displayed in these widgets on multiple pages, then you would need to use a plugin (in addition to the page template) that will allow you to show different widget content on multiple pages.
If you’re not familiar with coding PHP and creating page templates and registering new widgets, then I would recommend hiring a developer to help you create this as it will take some time to do.
If you add this to your CSS it should change the font color in the header –
.site-header .genesis-nav-menu a {
color: #333;
}
Change the newsletter section by editing this part of your css on line 2201
.home-bottom-footer {
background-attachment: fixed;
background-color: #16aaf3;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
text-align: center;
}
The section you would need to adjust is the .wrap
inside the front page 1 widget.
Add this in your Custom CSS –
.front-page-1 .wrap {
width: 100;
}
This looks like it might take some extra work that goes beyond the scope of support here. Your best bet would be to hire someone to create something like that for you since it will take some time, effort, and code to build.
Have you ever used Thrive with a Genesis theme before? I’m just wondering if it works out of the box, and how easy or hard it would be to implement. I have clients that I’ve built sites for that want a way to add content without needing to use code.
Did you want the fp4 (front page 4) to show up as the exact same width/style as fp2 in the demo? Or are you going for something different? Either way its doable.
If you’re using 3 digits, then just decrease the font size in your css and it will fit.
Start decreasing it by about 5px (or more if you need to) (LINE 2098).
.plan .price {
font-size: 85px;
font-weight: 400;
margin: 0 0 20px;
}
The .plan .price
would also need to be adjusted in the mobile section of the css since its set to shrink on mobile devices when mobile is activated. So you’ll need to decrease it here too (LINE 2651) –
.plan .price {
font-size: 55px;
}
@Eric, I think Fred was looking at your Signature and probably thought you typed that to him 😉
@Fred Just so you know, the signature is something that shows up after your comments on Forums (if you chose to add one). Not just this forum, but all Forums have a signature section where you can add your website, famous quote, contact info, etc. It shows up on every post after the line.
Hi Emily,
Do you have a link to your site? Also, can you show me the section you are working on and what you’re trying to accomplish? That would help me (or anyone else reading) determine the best solution for this.
Also, did you do know you can remove all of the links to the CSS if you want to use the default WooCommerce CSS instead? If you do, I can show you how to remove that from your Child Theme. But I’d need to know what your plans are first before I give you the right advice.
I do know that WooCommerce has a couple ways to include or exclude certain files like the many CSS files registered with the Plugin. If you want to use the default Plugin’s CSS, you can, but you’d need to disable it from the Child Theme (which is easy to do thankfully).
Not that much of a difference since both of them are child themes that handle design, all of the SEO stuff is handled by the Genesis Framework itself.
The font stays the same for me, I’m not seeing any issues.
The original font of theme is Open Sans, and when I view your site on my mobile device Open Sans doesn’t show up. Plus Open Sans isn’t found anywhere in your code so it shouldn’t be able to show up without it at least being in your CSS.
@raffaele1054 add this –
.site-header.light .genesis-nav-menu a {
color: #aaa;
}
And then you can change the color to whatever you want.
What size are the displays that show it at the bottom of the widget?
Is it possible to send a screenshot so I can see what you’re seeing? It’s showing up fine on my browser, but I’m using a larger monitor. It may show up differently on a laptop or tablet.
Also, just so you know, the intent of the design in this theme was to keep the front-page-1 widget blank so it can show the background image…..however, you can still add text and other content, but you’ll need to make a small adjustment to override it. Example – https://appfinite.com/theme-setup/aspire-theme-setup/#fp1 It’s still doable, I just need to load it up on whatever device size you’re using.
Did you add your new widgets in the front-page.php file?
Parallax Background images are meant to scale to fit the browser as best as possible without losing quality or looking too stretched. So when you add something with words that cover most of the image, it’s most likely going to get cut off depending on where they are positioned.
You could add background-size: contain !important;
for the .front-page-1
in your responsive section so it is only applied to the first widget area and not the rest. That will make the image show up in full, but you’ll have a lot of space right under the image which you’ll need to account for in other areas of the code.
You could do that, or just have a completely separate image show up when in mobile responsive mode…..Specifically a smaller image designed for mobile devices.
The logo looks ok on my end. I just checked on an iPhone.
Or are you talking about your background image in the Front Page 1 widget?
The secondary navigation is removed by default in the functions file –
//* Unregister secondary navigation menu
add_theme_support( 'genesis-menus', array( 'primary' => __( 'Primary Navigation Menu', 'genesis' ) ) );
So you can add it back by removing or commenting out that code above. You may also have to create some CSS styling to get it to look however you want it to.
I agree with @eric, Google’s tester is not reliable. I just tested the demo on Pingdom and it got an 88 score. I tested on 2 other speed sites and the score was high on those as well.
Here’s an article explaining why Google Page speed is a waste of time – http://blog.wp-rocket.me/the-truth-about-google-pagespeed-insights/
Hi, In the future, can you please create separate threads for each topic/questions as mentioned here in the rules? They have a one question/topic per thread policy (Rule #5) – https://appfinite.com/topic/forum-rules/ It’s easier for the rest of us when we’re searching for solutions to certain issues.
"I cant get featured image section 12 to work"
Can you give us more details on what’s going on? It looks like it’s working to me…..or did you get this fixed?
"in the new homepage content section underneath the widgets theres no spacing around the text in responsive mode (mobile phone)"
I could help you fix that, but you’d have to enable it in order for me to see it so I can know what needs to be adjusted. I’ll send Wes/Appfinite an email if there’s a small bug that needs to be fixed. I did see him mention that he’s still making some minor adjustments to this theme. So that may be one of the issues he was talking about.
Yeah that happens on pretty much any site or theme that uses Parallax/Large background images. The Background Images are designed to only Scale so far using CSS (without being distorted). Once you have a lot of content that exceeds beyond the size or height of the image, then the image will stop while the content keeps going. That’s why you’ll see a background image with content that continues to go beyond the image.
What a lot of developers do in this situation is create a second image that only shows up when viewed on mobile devices. This image is usually edited to handle a larger height. I’ve seen some people change the image entirely, or remove it and have a background color show up when being viewed on mobile devices.
You should be able to do that with whatever Photo Editing software you’re using……assuming you’ve used one to create the images you have (if not, then we’ll have to come up with some alternatives)
The setup instructions are at the top of this Forum – https://appfinite.com/forum/legacy-theme-support/ (they’ve always been here since 2011)
And the Tutorial/Documentation page seems to work just fine for me – https://appfinite.com/theme-setup/legacy-theme-setup/ Just make sure you’re clicking the right link.
Yes if you do it manually, but not with the plugin they’re using. In their demo, they’re using the Simple Social Icons plugin created by StudioPress, but the Snapchat icon isn’t available with the plugin just yet probably since it just started becoming popular. So you’d have to manually add one in by finding the image you want and adding it to a text widget –
<img src="LINK_TO_YOUR_IMAGE.jpg">
I would contact StudioPress or one of the guys that created the plugin and ask if they’ll add it in since a lot of people are using the app now.
Awesome!!! Glad I could help!
Give this a try – http://wpspeak.com/reposition-genesis-comment-form/
// Reposition Genesis Comment Form
add_action( 'genesis_before_comments' , 'wps_post_type_check' );
function wps_post_type_check () {
if ( is_single() ) {
if ( have_comments() ) {
remove_action( 'genesis_comment_form', 'genesis_do_comment_form' );
add_action( 'genesis_list_comments', 'genesis_do_comment_form' , 5 );
}
}
}
This sounds like there was probably a hiccup when WordPress tried to update. Something like this can happen if WP is updating and your hosting goes down at the same time. Did you ever get this resolved?
If not, try contacting your host. They should have an automatic backup of your site.
If you have a link to your site I can take a look and point to where you’d need to make adjustments. It’s probably just the padding that needs to be reduced.
What’s the link to your site?
5 in a row?
You’d have to create 2 new widgets (do a search on how to create a widget in Genesis). Then add them to the home.php template in the same way as the current 3. Just copy/paste and rename them to the new widget names.
Don’t forget you’ll need to add your css for the new widgets as well as adjust the other 3 that already exist.
It looks like your code is off/mixed up. By default, the icon is only supposed to show up IF you have a Menu, and IF the site is viewed in a smaller/resized browser (mobiles, tablets, etc).
You can add display: none;
to have it removed –
.responsive-menu-icon {
display: none;
}
“I really wish the theme developer could see the extra work involved. I’ll have to do this whenever I want to single out the home page.”
This isn’t the Theme Developer’s Fault…..Did you mean, You wish the “PLUGIN DEVELOPER” would see the extra work involved? Because this doesn’t have anything to do with the “Theme” developer, Whether it’s Wes/Appfinite or StudioPress/Genesis or any other Theme developer…..It’s up to the Plugin Author to make their plugin work more Universal across the majority of Popular WordPress themes out there. Personally I would design Plugins based on the basics of WordPress rather than a specific theme. I’ve noticed a few dev’s do that, but in my opinion, making it work for the basic/default WordPress code is best. When Devs do it for their own, or very specific type of themes, then that means it won’t work with many of the other themes out there.
Also, just so you know 🙂 there is no Theme developer that can create a Theme that works with each and every Plugin that exists on the WordPress repository……There are thousands and thousands of plugins out there and Not One Theme in the entire WordPress Collection could handle all the Plugins Perfectly. You Probably already know this, but I’m quite sure there is someone Else out there that may search for this type of issue, so I wanted to get this cleared up 🙂
Even if you were using a totally different theme you would most likely still run into the same issue, which means the plugin is where the issue is coming from and needs to be adjusted…….(Not always, but in most cases thats the way it is).
You should be able to do this by adding a custom footer using something like this – http://my.studiopress.com/snippets/footer/#custom-footer
That would allow you to add the footer in manually, and then maybe you could add a div or assign your background image to the footer div already present.
Did you add featured images using the Featured Image uploader? Or did you add an image inside of your post/content?
I’m not sure how Facebook handles something like that, that’s pretty much out of the theme developers control, you’d have to know how Facebook scans pages to determine which Image to use.
It would probably be easier to just create a Page template and add them in that way.
You would need to copy the Home Feature widgets from the homepage template file and copy that over to the page template you are creating.
Did you get it fixed? Seems to be working for me.
That link doesn’t seem to show anything, do you have a link to your actual website? I can assist once I can see what’s going on.
“this just should not be so difficult…..Epik is a Genesis Theme, it should respect the Genesis Setting”
Everything is setup correctly in Epik, but if you’re using an older version of the theme then it would be up to you to go and update the parts that have been updated in the recent versions. As Genesis makes changes to how things work in the framework, you have to also match those in the theme you’re using (this is what developers do when they update their themes).
I think the issue is the fact that you’re using an older version of the Epik theme with a New version of the Genesis Framework. The issue you’re describing has never been an issue for me on any of my sites, so I assume it’s due to the version.
Have a look in your functions file at the header code, and update it with the “new” way they are doing it.
@pcgs51 Yep, take a look under “Content Archives” in your Genesis Theme Settings page and check the box that says “Include the Featured Image?”
Check out my comment here – https://appfinite.com/topic/unknown-img-files-increasing-site-loading-time/#post-14272 The solution should be the same. Let me know if it works.
That’s weird, the Header link has always been available for me on every install. Maybe yours is setup differently somehow. Oh well, as long as it’s working.
You can add your logo by going to Appearance > Header
Yep, @Jason M is right, this is a StudioPress plugin so they’ll be the ones who will be able to fix any issues with it.
Make sure and let them know it’s a PLUGIN issue and not a theme issue or they may send you back here by mistake.
Although, I personally wouldn’t be too concerned about it. Your site looks perfectly fine, and I don’t think it will affect anything like SEO, Performance, etc. I definitely don’t rely too much on Google’s tools, because they are not always 100% accurate.
Glad I can help 🙂
Google how to add a Sticky Menu (that’s what it’s called) to the Genesis Framework. Any tutorial you find should work with any Genesis theme so it doesn’t have to be specific to a particular theme in order to work.
Here’s one – http://wpsites.net/web-design/how-to-make-your-nav-menu-sticky/
Yep, scroll to the bottom of the Post Editor page and you can select the Full Width option at the very bottom of the editor.
It’s the last image on the very end of the Layout Settings.
Ok, there’s a quick fix, but you need to go through your stylesheet and html and correct some of the errors.
To fix the issue, you can simply add/change the margin on your body to 0 for top, right, bottom, and left. So change the following margin-top
–
body {
background: #f2f2f2;
color: #333;
font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.625;
margin-top: 0 !important;
}
And replace it with this –
body {
background: #f2f2f2;
color: #333;
font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.625;
margin: 0 !important;
}
………so that it covers all margins instead of just the top.
This helps remove the space you’re seeing for now, but you’ll still need to figure out what you did to cause the issue. it’s definitely not something that was caused by the theme, because by default the theme doesn’t have that issue show up….on any site that I’ve seen here using it. So you must have added something by mistake that caused this to appear. I would check this – and this – to figure out where your errors are coming from. It could be something as simple as a typo in your custom code that you added. For example, I did see on line 1637 “Home Feature 8” you forgot to add a #
to the color –
/* Home Feature 8 */
.home-feature-8 {
margin: 0;
width: 100%;
background: f7f7f7 !important;
}
Things like this can cause the type of issues you’re having in some cases. I would run both of those links each time you find issues on your site.
Hope this helps!
“I want to hear from Wes. Come on man!”
Is Eric or anyone else on this forum not good enough? IMO it doesn’t matter who answers your question, as long as they offer the correct solution. There are a lot of people here that can, and are willing to help.
Just so you know, you’re asking a question about a plugin that wasn’t created by Wes, Appfinite, or anyone here. It’s always recommended to contact the original Plugin Developer if you need support for a 3rd Party plugin – https://appfinite.com/topic/forum-rules/ This theme doesn’t affect the functionality of how the plugin works.
To fix your issue, I’d recommend using the Regenerate Thumbnails plugin to have your images adjust to the size you have set in your settings on the Slider Settings page. Give that a try and see if it works. I’ve personally never had an issue with this plugin and this theme together, so it should work unless you have something else interfering with the functionality.
I’m interested in the result, so let me know once you try that solution.
@scottmc59 What’s the link to your site?
Anytime you change or adjust a size in your slider you should use the Regenerate Thumbnails plugin. It automatically adjusts your images to fit into the size you have specified in your settings (the best it can).
Have a link? 😉
The source code is showing that the plugin is adding inline width directly in the code. The width is showing too wide for a sidebar area.
Not sure what it’s doing there so you may need to contact their support to figure out what’s going on. Hopefully they’ll know what the issue is.
It’s because the plugin adds this code – <div class="content">
which means the "content"
class of the theme gets used. The “content” for the theme is 740px by default, so when they add that code it tells the content to show up as 740px. The plugin probably should have labeled that part something other than the class “content” since that is what most themes use. That would prevent mix ups like that.
Anyways, to fix it just add this to your css somewhere –
.testimonial .content {
width: 100%;
}
That will make the text in the content adjust to the content of the theme.