This may be kind of difficult at first since it works by default, but you’ve made adjustments to your code. Can you tell me what you’ve done to your CSS so I, or anyone else can figure out what needs to be adjusted to fix everything?
Unfortunately the way the Genesis Framework (not the Child theme you’re using) is setup, you would have to create and customize a template to show what you need since Genesis doesn’t offer that option by default. It’s definitely possible, but it would take some custom work to get going.
I’d recommend using the default homepage being used in this way- https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/ and then add what you need on top of that. You can add the Blog Posts to your Custom Homepage by using the Genesis Featured Posts from your widget page.
The link you posted to works fine. The thread isn’t closed, so you should be able to reply.
If threads aren’t allowing you to reply sometimes, all you would need to do is clear your Browser Cache. You can do this easily by clicking your RELOAD Button on your browser.
Check out this link where they mentioned this for more info – https://appfinite.com/topic/having-trouble-logging-in/ (it’s a common issue with the bbPress plugin that a lot of sites have been dealing with)
@mcazur Your hamburger icon seems to be showing up and working perfectly fine for me. Using an iPhone 5 to check. It also shows up right when checking with a resized browser.
I’m not sure what’s going on. I tried taking a stab at it, but it’s difficult to see what the Plugin is doing wrong.
It’s getting late, so I’ll try again tomorrow.
If anyone else can find out what the plugin error is let us know.
You’re Welcome. Anytime!
Nope, this should be easy (depending on your CSS/PHP or Copy/Paste skills) – http://ozzyrodriguez.com/tutorials/genesis/genesis-responsive-menu-2-0/
Thats the link that has helped quite a few people asking a similar question in the Genesis Community, both on this site, as well as StudioPress. It definitely works, so give it a try and see if that helps.
Everything is working, it’s just your image itself that is causing it to look like that, not the theme/site. Take a look at your image – http://superiormotorcycles.com.au/wp-content/uploads/2015/03/superior-logo.png you’ll see it’s not centered directly in the middle.
It is centered in the middle of the actual theme (the CSS), it’s just the image itself that needs to be re-edited in photoshop to be centered. Make sure and remove any extra transparent space on both sides, and that will fix it.
Hi,
Have a link to your site so I can take a look?
Ahh, that’s happened to me a couple times as well lol. Glad you got it worked out.
I’ve haven’t seen too many people using an SVG file in Genesis so I did a search on StudioPress’ forum and saw a couple posts mentioning it – http://www.studiopress.com/forums/?s=svg Take a look there and see if any of those posts have a solution. What works for one Genesis theme should work for any other Genesis theme since they are all built on the Genesis Framework.
Hi, do you have a link to your site?
Also, here is a link to their tutorial on how the Homepage/Blog templates work – https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/ (can be found in the Tutorials link)
Basically, the homepage template will only activate once you add a widget inside any of the home widget locations. If you don’t want to use the homepage template (like the demo) then you would need to leave those widget locations blank. Once you do this, the Blog shows up on the homepage by default.
@Ridwan, what Wes is saying is that the purpose of the space on both sides of the links is so the border shows up evenly on each side. The border can only show up as far as the link goes (and that includes the space). So if you have a regular link that says “Home” and you add 20px of padding on the left and the right then that means the border will show up directly under the “Home” link, and it will extend 20px to the left and the right. If you remove 20px from the left, then it will be 0px which means it won’t go any further beyond the left side of the link/text (as you can see). That’s pretty much how it works on any type of site that uses this design/style with the border perfectly centered under each link.
Example –
Home #1 Home #2
_______________ ___________
Take a look at the example above ^ Home #1 is how the theme is setup by default. Home #2 is how it looks when you remove the padding, which is the spacing that is needed for the border to show up centered. The only way for it to show up and appear centered is if you have padding or space added evenly on each side.
Also, a big thing to keep in mind is that the entire navigation section that you are using is 1140px wide. So whatever you add inside of that 1140px won’t go beyond that div/container…thats the way HTML/CSS is supposed to work. Its setup like this to prevent things from overlapping, which wouldn’t look right visually. You may see a dark gray bar/background that is long and covers the entire width of the site, but your nav is only 1140px of that and nothing inside of it can reach outside that space. You can still possibly do a lot of hacking to get this to work, but that would require some good knowledge of CSS in order to customize this. I saw you mentioned a developer, so if you’ve hired a developer you can ask them to go into your CSS and make the customizations that you want.
Long story short – If you want the border to appear centered back the way the theme was setup originally, then just revert back and use the code that was already there. That’s the easy way. The other way is a lot harder and will require some CSS skills to hack that together.
I just helped a client with the same thing not too long ago and had to explain how HTML/CSS works, so that’s why I thought I’d help.
You can add this to your responsive section in your css somewhere under line 2280 –
/* Responsive Design
------------------------------------------------------------ */
@media only screen and (max-width: 620px) {
Once you find that, you can this code in the responsive section above –
.head-wrap #header {
background-position: center top !important;
}
To remove the Google fonts all together, you can look in your functions.php file and remove the code from there.
For your last question I’m not sure if that will work or not. You can test it to see after you remove the Google font code from your functions file. If you’re saying that Browsers will show Open Sans as one of their fonts without needing to link to Googles Font servers, then I guess that would work. I’m not sure though, so more research would need to be done to see if that’s true/possible.
Do you have a link to your site? I can look and give you some code that will work for the majority of the sections that use Google fonts. All we would need to do is add a replacement font so that it shows up whenever the responsive mode is activated rather than Googles font. I’m not sure if that will fix the response time though….A CSS hack will prevent the Google fonts from showing up, but Google will probably still load the fonts in the background. Thats the only way I know of, but it’s worth a try.
Here is an Example –
@media only screen and (max-width: 480px) {
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: arial;
}
}
You can try something like that, and adjust the font to whichever font you want to use, and you can also adjust which parts of the site it gets applied to.
I noticed on the migrationology site that the one-third
class is being used for each post. I’m also seeing some other code showing up after each post. Are you using a special plugin other than the Genesis Featured Posts widget on the other site? Are you using any custom code to modify the posts in any way? It looks like whatever you did on the other site should work perfectly on the new/test site…..we just need to figure out what you did.
Those are both your sites right?
Not sure about the dropdown menu, I believe the functionality behind that does come from the Genesis Framework itself though. I’ll try it later on a tablet if I get a chance.
For the Logo, you can add this to your css –
.header-image .site-title a {
background-size: contain !important;
}
Give that a try and lets see if that fixes it. It worked for me when I tried it with your site/logo using my web inspector. If it doesn’t work, then we’ll probably need to move it to a certain area of your css so it can have priority.
Give me a sec, I need to step out for a sec, but as soon as I get back I will find the plugin that allows you to import everything without having to manually add it all in. Once you do that then you’ll see how everything was setup.
Also, the XML file doesn’t upload widget content, it only uploads/imports pages, posts, users, etc. Thats just how WordPress XML files work. So you would have to manually add the widget content in. I think someone created a plugin that allows you import widget content, but this isn’t designed by WordPress, it’s created by a 3rd party.
@Ridwan Don’t worry it’s not complicated, very easy to do. We’ll help you get the basics going.
The image that you see in the background shows up automatically as a Background image when you add a widget into the SLIDER area. So for example, drag a text widget and add this text/html inside –
This can go in the Title area of the widget area – `Change your Design. Change your Results.
Build something great.`
Then add this in the text/html field of the same text widget – <a class="button large">Get Started</a>
Hi,
To setup the homepage, all you would need to do is add a widget to any of the “Home” widget areas. You can use a Text widget to start with. Just drag the Text widget over and add a title and some content so you can see how it works. Also, there is a basic tutorial that explains how to setup Genesis Themes with Custom Homepages (like this theme) here in the Tutorials link in the menu – https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/
@nebworx The way to do this is to add a new widget area directly on top of the home feature 1 and 2 sections. This can be done by looking at your home.php file and adding in the extra php right above those sections (don’t forget the function name part). You would also need to register the widget in the functions file. Of course modifying the files this way would require some basic PHP knowledge in order to do this.
Genesis is designed in a way that if you add a Header Logo/Image to your site then the description section disappears since you’re not using text. This is a default Genesis Framework function and not a Child theme (Epik) function.
I haven’t really seen a way around it just yet, but what you could do is add your description inside of your logo image itself. You would also need to add that text for your description in your SEO settings page so the search engines will still be able to pick up the text even though it’s not physically visible.
It’s probably because the code is already in your child theme’s functions.php file by default. Just search for the code in your functions file, it should look like this –
// Customize search form input box text
add_filter( 'genesis_search_text', 'custom_search_text' );
function custom_search_text($text) {
return esc_attr( 'Search...' );
}
You can change the Search...
part to whatever you need and then it should work fine.
Hi @Jessica check out my comment here – https://appfinite.com/topic/replace-top-section-background-image-with-video-background/#post-14663 from the other thread.
I’m not sure if they have a better way or not, but the slider I suggested in my reply will definitely get the job done. It’s the same slider they use in the Ally theme.
The best way I’ve seen it done is by using the Slider plugin that comes with the Ally theme – http://demo.appfinite.net/ally
You can purchase the plugin separately by going here directly – http://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin-/1362246
Here is a Full Width example – http://kreaturamedia.com/layerslider-wordpress-full-width-slider/ …and as you can see this plugin allows you to add videos. So if you were to use this plugin or any plugin like it, all you would have to do is set it up and add it to your Full Width (Slider Wide) widget area and it should show up fine.
Thats about the easiest way. Anything beyond an already built plugin will require some custom code……Much cheaper to just purchase the plugin since it already works 馃槈
Are you talking about the widget area? If so, this theme already features a spot for that called “Slider Wide” on your widgets page as one of the available widgets.
The 3rd Party slider plugin (that comes with their theme for free) should have documentation included that shows how to set it up as Full Width. You can also look at the plugins settings to configure this since the full width option is available. Here it is in action – http://kreaturamedia.com/layerslider-wordpress-full-width-slider/
Everytime I look at the demo I want to use it! Hopefully I get a client that wants to use it for a project. Can’t wait to get a site up and running with it 馃檪
To add a menu just like the demo, you first need to create a menu, and then go to your widgets page and add a Custom Menu to the Header Right widget area. Then it will show up with the menu that you created.
I’m not sure what you did either….I looked at your code, but I can’t see why it’s not showing up on the site. Do you remember what you did recently with your css in that particular section? Can you try reverting back to see what the issue was?
Seems to be working. You added a black box and it’s showing up as a black box. Did you already get it fixed?
Do you have a link where this is taking place? I can check and see what the issue is.
Have a link? I’m pretty sure it’s something I can adjust. I’d just need to see what’s creating the code.
Which images are you referring to? Each one appears to be responsive when I look on my devices.
Hi, do you have a link to your site?
You’re not supposed to create a homepage since it’s already available in your theme. On your menu page you need to click the “View All” in the “pages” sidebar on the left….then click the “Home” link and add that to your menu. It should be the first link.
Other than that we would still need a link to your site when posting in a forum, otherwise theres no way to see what’s going on.
Do you have a link so I can see what you’ve done so far?
Use the Text widget and add your code in there for HTML. If any of those tutorials require you to add css or javascript then you’ll have to add them in your css or wherever the tutorial recommends.
If you don’t want to deal with code there should be some photoshop/PSDs that you can use. Thats how they created the demo.
If you do a Google search for Circle Graphs you’ll see some code examples and tutorials. Here is one for example – http://codepen.io/rendro/pen/qazCG
You could create another widget area and add your code in. Of course you’ll have to create the css to style it how you want it to look. Here is a tutorial on how to create a widget area – http://www.carriedils.com/add-widget-area-below-nav/
Do you have a link to your site?
The css that you’re seeing is coming from the plugin’s own css. In order to change the appearance, you would have to add your own custom code to the style.css file and overwrite by adding !important to your styles.
They should center under the logo….at least the widget area itself should when viewed in a smaller browser.
If you have a link to your site I can tell you where it’s located. It’s most likely margin/padding that is in between them.
Where is your blog and comments? I clicked on most of your links but I can’t see where it’s located with the comments.
Your site is down
You should edit the image itself and that would fix it. Just remove the space from the top of the image using Photoshop or whatever program you’re using. Make it to where the image starts at the very top.
I just replied to your post here – https://appfinite.com/topic/ordering-the-portfolio-items-epik/#post-10586
This is the only thing I could find – https://appfinite.com/topic/alphabetical-posts-on-epik-portfolio/#post-10112 I’ve actually seen a few threads that recommend that plugin if you’re trying to reorder them. Other than that you would probably need to use a plugin that is dedicated to creating a Portfolio…..maybe something that adds Post Types.