I can help, do you have a link to your site?
I’m not sure if you can change the widget title to an h1. I think it’s possible, but you would have to add some code/php filter to make the change. Although you could just manually add it in if you’re already using a text widget. That’s exactly how they did it in a couple places on the demo.
<h1>Title goes here</h1>
and if you want to add a class to it you can <h1 class="widgettitle">Title goes here</h1>
Does that help?
Yes just go to your Menu page and change the order of your menu.
150px = Top
0 = Left/Right
120px = bottom
So however much space you add to the top make sure and add that to the bottom as well.
That happened because the width pushes it past the widget area. Add the width back, but add 99%
and it will show up again.
Yes it should be fine since it’s just covering the design, but it’s the Genesis Framework that you’d need to make sure of since it handles all of the other parts of the theme. The demo looks to be running on the latest version.
Also, if you’ve made changes to any part of your theme make sure and back it up first, because replacing the files will override what you’ve done.
Forgot to mention I don’t have an iPad, so I didn’t want to make any guesses.
So anyone out there with an iPad can you please check #3 ?
Are you sure that isn’t your WordPress installation? Possibly Jetpack or another plugin?
You’ll have to add a widget (even if it’s an empty text widget) inside of the slider area, but you shouldn’t have to add them to any of the other widget areas. You can increase the padding for the slider, or add a min-height to it as well.
There is a width of 300px added that should either be removed or adjusted –
.home-feature-bg-alt .featuredpage .page,
.home-feature-bg-alt .featuredpost .post {
float: left;
margin: 0;
overflow: hidden;
padding: 0 0 5px;
width: 300px;
}
This can be found on line 1403 in your style.css file.
There is an XML file included inside the XML folder, but that will upload the content (posts, pages, etc) but it doesn’t load widget areas (not sure why). I saw mentioned in another thread that they were going to use a plugin to export everything so users can import the widgets.
Adding content inside of the widgets can be done by dragging whichever widget you want into a widget area. They’re using text widgets for the demo, so use one of those and add some text/html and thats pretty much it.
To remove the logo on mobile browsers add the following code to your mobile section of your css –
.epik-black .site-header {
background: none !important;
}
That shows up from the image you add in your css under the .head-bg
background-image: url(images/home-img-1.jpg);
Check out line 1669 for your site-header
, and you can decrease the font from there.
You’re welcome 馃檪
It’s the “float: right” part that you added which throws it off. You can keep that code, but you’d need to add float: none in your mobile section so it will override it when viewed on smaller browsers.
It looks fine to me, I just tested with a Galaxy S4. I’ve seen someone mention that Android phones/Operating Systems are fragmented and render websites different than each other, it’s not consistent. So one phone may have issues while another will work perfectly fine. It could just be an OS issue, but it’s very difficult to know how to fix exactly especially if it’s an issue with Android software.
Do you have a link to your site so I can see the issue?
I’d need a link to your site in order to see what’s going on.
The home widgets are meant for the homepage, only. The other pages and post pages use the Primary and Secondary Sidebar widget areas. you can change the layout of the primary and secondary widget areas at the bottom of the page/post editor.
Have you seen the Code Snippets and tutorials at the top of the Epik forum? – https://appfinite.com/forum/epik-theme-support/ The yellow sticky posts at the very top. You would add that code inside of a text widget whenever you want to use the code.
The home widgets only show up on the homepage. For other pages, you can add content inside of the Primary and Secondary sidebar….and that will show up depending which layout you have setup. You can change layouts at the bottom of the page or post editor.
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%;
}
The padding is coming from line 1338 in your css –
.home-feature-bg .wrap {
margin: 0 auto;
overflow: hidden;
padding: 40px 0 0;
width: 1140px;
}
Looks like you’ve already found it? It’s on line 2649 in your css. –
.footer-widgets a {
color: #01b1c1;
}
The main footer area is on line 2728 –
.site-footer a {
color: #aaa;
font-weight: 400;
}
it looks like you already added in place for your headers, but to do it sitewide you’ll need to look for 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: 300;
line-height: 1.625;
}
Then you’ll need to follow whatever tutorial they have to setup the font with the theme. Just do a search for whoever you’re getting the font from (whoever is hosting it).
Where exactly do you want to change this? There are multiple places in your theme that use different code, so I’d need to know which part you’re looking to change
This is definitely not a Child theme issue, this all depends on other plugins you have installed, your WordPress Installation, or your Hosting company. There’s no telling what it could be, it could be a number of different things, but I would take a look at any of the suggested areas mentioned above to see what the cause is.
If you make changes to any part of your css it could have an effect on your responsive code depending on what you change. The responsive section does enable everything to adjust for mobile, but if you add or change your widths in the main section of your code then it could throw things off if done improperly. You’ll have to go through your customizations and figure out where you made the changes in order to know what all you’ll need to adjust.
If it were 1 or 2 things I’d take a look, but it looks like there are a bunch of changes which caused this, which would take quite a bit of time to go through and figure out…..you may need to hire someone to go through and fix everything if you’re unable to find it all.
The slider in the demo is the Genesis Responsive Slider…
“Why is this not documented”
It actually is, it’s located in your Read Me file. It’s also located in the General tutorials page – https://appfinite.com/tutorials/
“Is it because it doesn鈥檛 matter which slider is used?”
No it does not matter which slider you use. You can use any slider you want, they only have that slider in the demo as an example. Which is great because I wouldn’t want a theme that puts limits on what I can and can’t use. I personally use a couple premium sliders from codecanyon when I want something complex….but if I just need something simple to show images then I use the Genesis Responsive Slider.
The Genesis Responsive slider works perfectly fine with the latest WP (not sure what suggested it wasn’t tested). Just because it says it hasn’t been updated in a while doesn’t mean it won’t work. If plugins are created simple, and coded properly they won’t always need to be updated all the time if their done right the first time. Although if there are changes in WP that would require an update to the plugin, then StudioPress (the creators of that plugin) are usually quick to get it updated in time….they’re pretty good at doing that. So just give it a try, and if you don’t like it, then search the WordPress plugin area for another slider….you’ll have nothing to lose since it is free.
Did you get it working like you needed?
If your plugins are adding the scripts (assuming they are since Legacy doesn’t have any on the homepage)…then you would probably need to adjust those plugins. If the plugins have hooks/filters etc that allow you to edit/move things around then you could add it inside your themes functions file. That’s about all I can think of. If you need more specifics you would probably need to contact the plugin developers to see how you can make those adjustments.
You could try using the same columns they have in the theme and add the first one as – one-third
as the class for the first div, and then add one-half
for the second div on the right. You could either adjust the width of the one-half
class in your css to be wider, or just copy the code from the one-half, rename it, and then add your own code if you plan to use the one-half code in other parts of your site and want to keep everything consistent
<div class="one-third first">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
</div>
<div class="one-half">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div><!--formatted-->
Seems to be working fine for me. I just checked in all of my browsers and everything is working.
Which links aren’t working for you in particular?
He mentioned in another thread that he’ll be adding this to the theme by default in a future update. Here is one of the links that I found from the forum – http://bit.ly/Ob2bQ7 That’s what I used.
Make sure you remember to add the javascript code in your functions file, as well as the javascript file inside of the “lib” folder. If you leave one of those steps out then it won’t work. So make sure you have the javascript added.
Your site shows a white page and says “Error establishing database” when I visit your link.
I can’t see your page at the moment, do you have a link to your site?
If you used another column (assuming you want 3 columns) you should actually change the word “half” to “third” instead.
I’m not sure which link you want to change, the new or old version?
Whichever one it is, you would look for .site-header
or .head-wrap
in the new version.
…and #header
or #head-wrap
in the old version.
Yes you can create multiple homepages by turning it into an actual page template. Right now it’s just the homepage, but you can convert it into a template. Take a look at @Eric’s comment for more info – https://appfinite.com/topic/home-page-layout-to-be-applied-to-internal-pages/#post-9566
Your background is already black. If you want to make it darker look on line 2423 since you’re using the dark color scheme and change the color to #000
.ally-dark {
background-color: #222;
color: #aaa;
}
I’m not exactly sure how they have that setup…..but I’m guessing it would require quite a bit of time/coding to do. The closest thing I can think of is to add a widget area right after the header, and then use a plugin like “Custom Sidebars” to reuse that widget area on multiple pages to show your different images. Here is a tutorial on how to do something like that – http://bit.ly/1gi3o1E
If you want something different, like your featured image to show on different pages automatically, maybe you could ask that person how they did it. The worst thing they can do is say no, or not respond, but hey, it’s worth a try 馃檪 I do it all the time!
If anyone has any ideas on how this is done feel free to chime in.
Ok, so is this resolved?
The only other widgets are the Primary and Secondary Widget areas…..those are the ones that show up on your Pages and Posts (depending on which layout you have setup). The homepage widgets are designed to only show up on the homepage, while the Primary and Secondary widgets show up on all other pages if your layout allows it to.
Looks fine to me.
There appears to already be a black background. I assume you got it fixed?
Yes that will work as well. That’s the “inline” way. Some people use css to do it if they plan to use the same code/class on multiple parts of the site and would rather manage all of them together at once, vs going through each inline code and making changes.
I would add the class and the css myself….you could also add all of the content inside one div and add the text-align: center to it and it would automatically center all of the text without having to add `style-“text-align: center;”‘ ….either way will work, just use whatever your comfortable with.
Can they be in divs? If so, you can add this –
<div class="center"><p>An on-site photo shoot, extensive photo editing and delivery of appropriately licensed images included in all proposals.</p></div>
Or –
<p class="center">An on-site photo shoot, extensive photo editing and delivery of appropriately licensed images included in all proposals.</p>
Then add the styling for the “.center” class in your css –
.center {
text-align: center;
}
text-align: center;
is what you can use. Here is a link explaining – http://stackoverflow.com/questions/11478067/replacement-for-center
Easiest way is to use the columns – http://demo.appfinite.net/epik/columns/
<div class="one-half first">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>
<div class="one-half">
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
</div>
I have no idea if you’re inserting it wrong. I would need a link to your site in order to be able to see what’s going on.
Are you referring to a border? –
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;