Your cart is currently empty!
Thats coming from your background image uploader. That usually happens if you’ve ever added an image, or attempted to add an image in the background image uploader. All you would need to do is go to Appearance > Customize and then click the “Background Images”. From there you can go to each section you’re not using and click the remove image option.
Some people use the background uploader if they don’t know css….while some would rather add the background image to their css directly….which means you wouldn’t need to use the uploader.
Oh, you can just change the form’s in your css file and it should work fine 😉
…..Ok, I’m kidding 🙂 You can add this to your css and it should fix the alignment of the checkboxes –
.checkbox input {
width: auto;
}
Here is where the issue originally shows up (line 388 in your style.css) –
/* Forms
--------------------------------------------- */
input,
select,
textarea {
box-shadow: 0 1px 3px #eee;
-moz-box-shadow: 0 1px 3px #eee;
-webkit-box-shadow: 0 1px 3px #eee;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #999;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
padding: 12px;
width: 100%;
}
It’s the width of the input (which is set at 100%) that causes that to happen in certain cases, so that’s what it was. The code I added above this will override and fix it.
Just let me know if that fixes it.
I’m not sure what you’re asking? If you’re asking how to start over, I’d just simply start over (I apologize if that sounds sarcastic).
In the future, I would create a separate CSS file to add all of your changes so then it’s not mixed up with the default css.
Also, I can replicate the demo menu without any CSS modifications so I’m not sure what you’re referring to.
@Genghis7777 I’m going to have to respectufully disagree with what is suggested here. The theme is pretty easy to use, all you need to do is add content inside of the widget area and it will show up on your homepage. Keep in mind, their demo is just a demo, so most of the things you see are just for demonstration purposes. I don’t think the theme is being promoted as having a ton of features that it doesn’t….if it did, then I’d agree, as that would be considered false advertising. But if you look at the product page (where they sell the theme) and the tutorials/code snippets it explains in detail exactly how it all works.
In reference to the “Pricing Plans” code and the other forms, it’s not wise to add all of this into a theme, especially a child theme. I know some people (new to web design) would want this inside, but in the long run it would be hard to manage. This is the problem with a lot of themes on Themeforest, when you add all of these Custom Post types and a ton of other code it really makes the theme become Bloated. Appfinites themes are made simple in the same way as StudioPress’ themes. Adding too many features can cause problems and become difficult to manage…..Plus it’s not WP standard to do this. The recommended way to handle this is to either create or use a Plugin if you want to add more features to a theme. For example, if you add a custom post type and forms (and all of the other things suggested) and you like it, as soon as you switch your theme, all of that content/code disappears. That would be terrible. The correct way to handle that is to add a plugin that adds this, or at least add the code in a separate file that won’t be affected if you change the theme.
You definitely don’t need to know PHP to use any of the themes here. The ONLY time you need to use php is if you want to make customizations to the code, or if you want to add some things. This is exactly how it works on StudioPress as well. I’ve had plenty of clients setup their themes without needing to code PHP.
For a great example of what I’m talking about take a look at this legendary post – http://justintadlock.com/archives/2011/05/02/dealing-with-shortcode-madness
I hope this helps!
@tjd Seems to be loading just fine for me. I’d say it took less than a second to load, all I did was click the link. Works everytime I do it.
Thats a browser/caching issue. Just hit your reload button on your browser and it will clear the browser cache. Make sure and visit the link you’re unable to reply to and click your reload button.
Also make sure that you’re not trying to reply on a closed thread. It should say it at the top whether its open or closed. Once a thread/post has been resolved it gets closed to prevent other users from replying on threads that are already resolved. Users are supposed to start new threads instead of replying on others threads, this keeps everything separate and organized, which makes it easier to search the forum for topics – https://appfinite.com/topic/forum-rules/
Epik won’t affect how the images show up, this is mostly controlled from Genesis and WordPress.
Did you add a width to the settings? That’s the first thing you should do before adding your images. When you add your images, figure out the exact size of them and the size of your theme (most themes are 1140px)….since most themes are 1140px you would need to make sure the width is set to 1140px in the Genesis Slider settings, otherwise it will show up at 920px (standard).
Make sure you’re adding it in the right slider area. There are two of them. One for full width images and one for 1140px images which will show up in the center.
When making changes to the sizes you’ll need to download and run a plugin called Regenerate Thumbnails and it will automatically change all of the sizes to adjust to what is specified in your settings.
Take a look at line 3041 in your css and you’ll find this code –
.insync-red a {
color: #000;
}
You can change that to whatever color you want and it should show up on your site. If you want it to be the same red as the theme color then you can add this –
.insync-red a {
color: #eD2124;
}
It appears to be in the white area when I take a look. Did you get it figured out? I can see you added this to your code –
#menu-order-info {
position: relative !important;
top: 28px !important;
}
….which appears to be working from my end.
Add this to your css –
.home .head-wrap {
margin-bottom: 0;
}
That removes it from the homepage only since you’ll need the space for other pages.
Hello, have a link we can take a look at?
Hello, have a link we can take a look at?
Do you have a link to your site?
Copy/Pasted my comment from this thread – https://appfinite.com/topic/enable-disable-mobile/#post-13756
“Yes, you can either remove or “comment out” the responsive code at the bottom of your style.css file. If you remove it all just make sure you have a backup saved somewhere just in case you want to use it again.”
Yes that’s true. It really just depends on what you’re looking for since there are so many different types of flat images/designers. I’d just take a look at the first couple of pages of the links on Google to see what you like.
What types of icons are you looking for in particular?
If you want flat icons you can take a look at this list (google) – https://www.google.com/search?q=flat+icons
I get mine from multiple places so I can’t name a specific place since so many exist.
Yes, you can either remove or “comment out” the responsive code at the bottom of your style.css file. If you remove it all just make sure you have a backup saved somewhere just in case you want to use it again.
I’m not sure if it’s possible with this portfolio (out of the box). I remember attempting this before and couldn’t get it to work. You would probably need to make some customizations to get something like that to work where each post is based on the read more/excerpt. This has to do with the portfolio template, the loop and the Genesis Framework.
Anyone else have any experience on how to do something like this with excerpts?
The images on the demo show up around 300 width and 200 height. So I would make them around that size….maybe even a little bigger since they’ll automatically scale down. Of course you can always change the size of how they appear in your css and functions file. But if you want to keep it simple just add images that are the size above.
That’s usually supposed to work when you change those settings, but if your home template uses the front-page.php it will show up as the front page regardless (thats how WordPress is setup). However, last time I checked the Epik theme still uses a home.php file name and not the front-page.php. So if you’re sure you set your homepage to show your blog and it’s still not showing, then you can remove all of your home widgets and it would automatically show your blog. Basically do the opposite of this tutorial – https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/
Also, if you’re using the “Reading > Settings” option, make sure you’ve properly created a Page, titled it Blog and select the Blog template. Doing this and setting the front page to show this page has always worked for me.
@eric, I also find it ironic that @kencelt is asking for help, and yet ends his comment with –
“I’ll make sure none of my customers use any of your themes – you are wasting my time”
Yes, that is exactly how you should treat the people who are trying to help you. Did you say this was his very first post? That makes it even worse. Some people don’t have any patience even when they’re in the wrong. The code is right there in your face!
@Leanne did you purchase from StudioPress or this site? I think appfinite has the latest version in beta at the moment. If you don’t have an account here perhaps @Wes can assist in getting you the latest version if you need it.
Oh you’re referring to what they call the “hamburger” icon. This is already included in the latest version of Epik, but if you’ve made changes and don’t want to update/overwrite those changes then it would be better to manually add them in. Here is a link that most people use to get this done manually – http://ozzyrodriguez.com/tutorials/genesis/genesis-responsive-menu-2-0/
Here is something that might be helpful – http://wpsites.net/web-design/best-ways-to-load-scripts-in-wordpress/
Other than that I would do a Google search for some of the best ways to optimize or add scripts to your Genesis theme…..that’s what I do since there is already a lot of posts and tutorials out there.
@eric The same type of people are in – http://wordpress.org/support/ all day. It sucks when noobies show up on forums complaining because they’re too lazy to do a simple search when the answer is right there in front of them.
I tell these people all the time, “if you want someone to hold your hand throughout the entire process, then HIRE someone to do the work for you if you’re too lazy to do it yourself”.
WordPress is filled with documentation that explains everything you need to know. I’ve been using it since 2007 and have found nearly every answer to every problem by simply searching the forums or the codex. It’s that simple, but some people will still try and find something to complain about no matter how much you help them. It’s pathetic.
There are a few threads that cover how to do this if you haven’t found it already. There is a search box on the right hand side of the main forum pages to search the forums if you need to in the future.
I’ll copy/paste from this thread – https://appfinite.com/topic/how-to-centered-the-price-table/#post-11320
“The pricing table was originally designed for 4 tables, so if you only need 3, then you could adjust the width of them all so it stretches to each end.
Look on line 726 in your css and change the width to around 33% or so until you get the width you want –
.plan-col, .plan-col-popular { width: 33%; }
Although that line number may be different for your theme/site. Just search your style.css for the “Plans” section and you’ll see what I’m referring to.
If you want a background I would do it like this instead –
.nav-primary .wrap {
background: #eee;
padding: 0 20px;
}
I added the padding to the code above so you can add some space, otherwise your text will show up at the edge of the div container.
What all files did you update? If you updated the css then that may be kind of difficult since there were so many changes. If I were you I’d just add the things you want manually. Take a look at the change log they have to see the updates – https://appfinite.com/changelog/epik-log/ and use diffchecker to compare files.
You can add this to your css –
.epik-gray .head-wrap .genesis-nav-menu a {
color: #004f9e;
}
and that would change it.
Hi, do you have a link?
Try adding this in the appropriate responsive section of your css –
.header-image .site-title a {
background-size: contain !important;
}
If it’s cutting off on mobile phones, then add it to the last responsive section (for iPhone, and other mobile devices).
Did you customize/create this yourself? Because the default template that comes with the theme looks like this –
<?php
// This file adds the Landing template to the Epik Theme.
// Template Name: Landing
// Add custom body class to the head
add_filter( 'body_class', 'epik_add_body_class' );
function epik_add_body_class( $classes ) {
$classes[] = 'epik-landing';
return $classes;
}
// Remove header, navigation, breadcrumbs, footer widgets, footer
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_before_header', 'genesis_do_subnav' );
remove_action( 'genesis_after_header', 'genesis_do_breadcrumbs' );
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
genesis();
Does your landing template look like this? –
// Remove header, navigation, breadcrumbs, footer widgets, footer
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_before_header', 'genesis_do_subnav' );
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
genesis();
Something like this should work – http://sridharkatakam.com/add-entry-widget-area-genesis/ but I think you’ll need to change if ( ! is_singular('post' ) )
to show up on your blog page instead of a single post.
There has to be a way to do it. I would do a Google search to see if there are any other tutorials out there. Or maybe there is a post on StudioPress that explains how to do it. I’m certain I’ve seen it before on a Genesis site, just can’t remember which one.
Which version are you using? You should be able to use whatever widgets you want without having to use the slider.
Have a look for #subnav
in your css starting on line 348 and you can make your adjustments to whichever parts you need.
Those images you listed sometimes import and sometimes they don’t. The XML file is actually from StudioPress, and so are the images. However, the rest of the content should still show up even if those few images don’t show up. The XML file should add Pages, Posts, etc….but it doesn’t add any Widget data/content, that’s the way the WP importer is designed. So you’ll have to add that in manually, assuming you used the WordPress Importer.
Have a look at this tutorial for basic info on the homepage – https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/ To activate the homepage you just need to add a widget to a home widget area and it will automatically change from a blog, to the home widget template. So add whatever type of widget you want to show on the homepage.
The footer widget section is #2a2a2a and the footer below that (copyright section) is #000000
Yes that is black. Are you adding the #
in front of it? – #000000
That is the darkest color. You can also just do – #000
as a shortcut, it’s the exact same color.
Do you have a link where you’re adding it so I can take a look?
Yeah, I’m not sure how to do it that way.
I googled and saw this – http://www.areuconnected.com/genesis/display-google-adsense-after-first-post/ not sure if it will work or not, but it’s worth a try.
Unfortunately I’m not sure how that can be done with Genesis. It would probably take some type of custom code to do it.
Anyone else have any ideas?
Are you asking how to upload a different size logo using the WordPress header uploader? If so, you can change the image size in your functions.php file to the exact size of your image, and then upload your image and it will show up perfectly. You also won’t need to crop since the image will match the size.
Are you talking about your blog page?….Meaning and ad shows up after the first post and then your other posts show up after that? I’m not sure how to do that exactly….I’m guessing it’s possible, but it’ll most likely require some type of custom code to implement.
Or, are you asking how to add it after the post on the actual blog post itself? If so, you can add it to the “After Entry Header” widget area on your widgets page since it’s already included in the latest version of the theme.
The javascript they are referring to is actually coming from the Genesis Slider plugin and the Responsive menu. Other than that all other javascript is coming from the framework and not the child theme.
The Genesis Slider is a separate plugin (not included in the theme).
The responsive menu is added in the theme the exact same way as every other Genesis theme and I’ve honestly not seen any issues in load times because of it.
I actually get the same results when testing other SP Genesis themes as well, which is why I don’t worry too much about it since they still seem to load fast. I think analyzers will always show some type of error even if it’s not a real issue.
I agree, Web Synthesis hosting is incredibly fast. You may want to also check out a new product that StudioPress offers called Accelerator – http://my.studiopress.com/accelerator/
Length or height? Length is the width, or how wide it is. The footer area contains 3 widget areas which all together equal 1140px. You currently only have 1 widget active at the moment. Add content inside the other 2 if you want.
If you’re talking about height, that is determined by the padding on top and bottom and how much content you have inside your widget.
I checked your css and you have the exact same theme as the demo, you just need to add more content if you want a larger height, or you can increase the padding if you dont want to add more content. That can be done on line 2632 in your css, just remove the rem and use px. –
.footer-widgets .wrap {
padding: 90px 0 50px;
padding: 5.625rem 0 3.125rem;
}
@Johannes which version of windows are you using? It looks ok on my end.
What do you mean by “longer”? Not sure which part you’re referring to?