The version number is located in your style.css. You should also have access to the beta version (which is being worked on). Both of these can be found in your account.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
I don’t see what you’re seeing on my end. Are you using the latest version or the beta?
BTW, whatever you used to take the screenshot is making the image look weird. I’m sure it doesn’t look like that in realtime right?
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Is this resolved? I don’t see anything.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
You can do this by going into your Genesis Theme Settings and enabling the Featured Image section, as well as adding/adjusting the content limit to show however much text you need.
Look for these options in the “Content Archives” section.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Do you have a link to your site with an image as an example? Once you post a link I can take a closer look to see exactly what needs to be done to get it to work.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Would need a bit more info in order to know what’s going on. Which chat bot are you referring to?
Is it something that can be tested quickly? Is it a shortcode? Plugin?
I doubt that it’s the child theme causing the issue since the child theme just handles the design. Adding a plugin, shortcode, or whatever won’t be affected by the child theme itself unless you’ve added custom code that could possibly affect it.
Also, Genesis Child themes don’t contain footer.php files, the Genesis Framework itself is what is supposed to handle that. If you want to add something to the footer file, then you would have to either hook it in through functions file, or add it to the Genesis Theme Settings page in the script section. You could also use a plugin to add this code in as well.
If it works in Genesis, it will definitely work in Aspire, as well as just about any other Child theme since it’s the Genesis Framework that handles all of the work “under the hood”.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Looks like you posted on the wrong site π
This isn’t a theme that was created by Appfinite, so I would contact the theme developers that created the theme to see if they can help figure out what’s going on.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Hi, Just in case you missed it, you did receive an answer several days ago. Please see my response above. I would need a link to your site in order to continue.
Thanks
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
This post is closed since it appears to be a Duplicate question/thread.
You can continue on the original thread you already posted. Please see my response here – https://appfinite.com/topic/sidebar-settings/#post-22295
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Hi,
As mentioned in the Forum Rules (#5) itβs recommended to create each topic/issue into their own separate Threads due to the βOne question per thread policyβ. This helps keep everything organized and makes it easier for us to find similar issues through the Search Results when searching the forum.
Do you have a link to your website? That will help so I can see which lines will need to be adjusted.
For Question #3, the featured images aren’t supposed to show up on the Single pages, they are designed to only show on the Blog pages. That’s how most StudioPress and other Genesis Child themes are designed when dealing with Featured Images. However, I do believe they already have this feature included within the theme, you just need to “un-comment” it out in the functions file. Look for the code under this – // Add featured image above the entry content
and uncomment it.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
@danielmt2k Yeah I was talking about the CSS file, I should’ve wrote “bottom of the CSS” instead π
I thought that was what you were referring to when you mentioned the “800px width” in your previous comment.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
That feature actually comes from the Genesis Framework. Check out the Genesis Demo – https://demo.studiopress.com/genesis-sample/
Here is StudioPress’ link on how to disable it – https://my.studiopress.com/documentation/snippets/scripts/disable-superfish-script/
They have more on their docs pages.
You can always change the responsive setting in your theme (near the bottom) so it activates at a smaller width if you think it will be an issue….Although most people with desktop/laptops are not going to be viewing your site on a browser that small. It can only happen on a desktop/laptop, but the user would have to have their browser shrunk pretty small for it to happen.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
That won’t happen on a mobile device since there’s no mouse/hover.
When you view your site on a mobile device the links have to be touched/clicked in order for them to open up.
So removing that feature wouldn’t actually do anything since it doesn’t activate on mobile devices.
Does that make sense?
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Try and reload the page and see if it shows up normally. If not, I’ll re-post it again.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
The animation part you’re referring to comes from the Genesis Framework. The Aspire theme doesn’t add this effect. You would have to override it by adding code or a snippet of code to remove or adjust the speed.
I did a Google search and got this link – https://my.studiopress.com/documentation/snippets/scripts/ Hopefully that helps, if not, then there are more code snippets and tutorials out there that should be able to.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
That’s normal. What you’re seeing is a white/gray border which shows up to let you know you’ve either clicked or hovered over an item. Also called “Focus” Most sites have this as it helps to indicate that an action is taking or has taken place. You can always change the color if you want, or you can set it to 0px instead of 1. That would remove it from showing.
/* Display outline on focus */
:focus {
color: #333;
outline: #ccc solid 1px;
}
On the default Theme’s CSS file it is located at line 1167, but it may be on a different line in your code. Just search for the above code and change it to 0px.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
To change the background color of Sub Menu:
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
background-color: #ff0000;
color: #fff;
}
Add that code to your CSS. Just so you know, you can change the main default color of the Theme (orange) to whatever color you want in the Admin Customize page. But this changes it all in one. If you want to have a certain section of your site separate, then you would have to add something like the code listed above as an example.
I added a red background in the code so you can test to see if it works.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
The secondary sidebar is deactivated by default in the Aspire Theme (as with most modern Genesis themes nowadays). You can reactivate it in the functions file where you’ll see that it’s unregistered. Just remove that code and it should be available as an option. However, you’ll need to add your own customization to your CSS in order for it to appear in the way that you want it to.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Whoops, sorry I didn’t see your 2nd comment π
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Have a look in the Guru Documentation page at Front Page 1 and you’ll see the Plugin and exact code they use in the demo – https://appfinite.com/theme-setup/guru-theme-setup/#fp1
Make sure to download and install the plugin in order for the popup to work. You can also use other plugins if you want.
Also, which type of widget are you using? Every since the WordPress update, the basic “Text” widget has changed. So now you have to click the “Text” tab when adding code……Or you can use the Custom HTML widget which allows you to add code
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Yes you could copy/paste the CSS code for front-page-2
and convert it to front-page-7
. That would work exactly the same. You’ll of course need to make adjustments to your CSS and surrounding widget areas depending on how you want everything to look.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Did you buy it from appfinite or studiopress?
If you bought it from appfinite then it’s located on the my account page (link in the bottom menu).
If you bought from StudioPress then it’s located in the my.studiopress.com account page (in the downloads section).
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
The effect should already be active once you setup the theme. Unless you’re using an older version of the theme. If you are using an older version and have made a lot of customizations, then you can compare the new version of the front-page files (specifically the fadeup effect areas) with the old version, and add in what’s needed.
Also take a look at the javascript folder I mentioned above.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Closing thread since this is a Duplicate post.
You can reply to your first thread here – https://appfinite.com/topic/making-homepage-images-in-widgets-appear-when-scrolling-down/#post-21762
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
If you’re talking about the Fade Up effect, that is activated from the front-page.php file. If you look at the widgets (in the div class) you’ll see where they show up – fadeup-effect
The code that makes it work is inside the javascript folder in your theme files. To make customizations to how it works will require some javascript skills, but that’s where it can be found.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Hi Daniel,
Can you provide a bit more info on what you did? I tested this exact code and it worked perfectly. Here’s a screenshot http://i.imgur.com/feSjGBc.png
As @jessy mentioned, the footer shows up that way from Genesis (the same in all Child themes). In order to change the text for it you have to override it. You can use something like Simple Edits to add your code in, or you can add it in directly to your functions file. I use FTP to add it inside the functions file. Much safer and easier to undo any mistakes in case I break the site with a PHP error π
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
I’m Eric π ….or did you mean to reply to a different thread that @Wes was on?
There isn’t any extra margin at the bottom of your text other than what comes with paragraph tags. The bottom margin that is coded for p tags affects everywhere throughout your entire site. I’d leave that as it is unless you really need to reduce more space.
p {
margin: 0 0 30px;
padding: 0;
}
You are talking about the space underneath the button right? If you are, then that space is your p tag above which is usually found after the body code at the top of the style.css
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Sure thing!
Are you asking about Margin or Padding? Your first two posts asked about padding so that’s why I posted the code above. Margin and Padding are both different and have different effects.
I would leave the code with the margin auto as it is since that’s needed to center the entire front page 2 widget. As a matter of fact, the code I’m talking about doesn’t have margin in it, I just copy/pasted the front page 2 section from the Aspire Demo’s CSS.
I’ll assume you mean padding in this case (correct me if I’m wrong). To reduce the padding for the top and bottom of the widget you can adjust the padding inside the .front-page-2 .image-section
part.
To reduce the left and right padding, change it under this code .front-page-2 .wrap
.
I’m not sure how much padding you’ll want but if you adjust those 2 parts of the code it should work. It’s basically just the top and bottom CSS Selectors I posted above that you’ll need to edit in order to adjust it.
Although I don’t know the exact link to your site, this should still work on any Aspire theme install unless you’ve already edited this part of the code.
Does that help?
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
You’re using the .fp-left
class in your div which adds margin to the top. You would have to remove that class or reduce the margin to move the text back up.
.fp-left {
float: left;
display: inline-block;
margin-top: 100px;
padding: 0;
position: relative;
text-align: left;
width: 49%;
vertical-align: top;
}
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
All of the padding can be found in the Front Page section inside your style.css file –
.front-page-2 .image-section {
background: #fa5738;
padding: 60px 0 20px;
}
.front-page-2 {
margin-left: auto;
margin-right: auto;
margin-top: -160px;
position: relative;
width: 1000px;
}
.front-page-2 h4 {
font-size: 34px;
font-size: 3.4rem;
font-weight: 400;
line-height: 1.5;
margin-bottom: 20px;
text-transform: uppercase;
}
.front-page-2 .wrap {
padding: 0 5%;
}
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Hi, do you have a link I can take a look at?
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
What’s the link to your website?
You’re not using those image links on your own website, right?
The reason I ask is because all of those images are External links from their demo site. None of those images are from the actual Theme itself, they are just external links to images. They don’t have anything to do with the theme or the theme’s performance.
Also, you’re not really supposed to use those image links on your own site, those are just for demo purposes, you’re supposed to upload any images you plan to use on your own site/server. The speed in which those images are delivered will be based partly on the theme, WP, and how good your hosting/server is. If you have a slow server, then the images will show up slow (not much any theme can do to override that).
So what you’ll need to do is use images that are uploaded to your server so that your site isn’t relying on another external server to display your images.
Keep in mind: If they remove or change some of the images on their demo, then those image links won’t work on your site. That’s why it’s recommended that you upload images that you want to use on your own server, and then use those links for your images. This is how it works for any theme or website you use.
Hope this helps π
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
If you’re using the latest version of the theme then the option to have the blog posts show up at the end is already available as an option.
The code to make it happen is much more complex than the grid loop code you added above, but the new version gives you the option to turn it on or off by checking a box. You can find that option in the Customize > Front Page Content Settings page.
Also, they’re using front-page.php now for the home page files.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Do a search in your CSS for the word “Forms” –
/* ## Forms
--------------------------------------------- */
Everything below that line (396 by default) handles some of the forms and their basic styling.
If you have a Plugin like Gravity Forms, Ninja, or any other “Form” plugin, then those plugins may override the default CSS. Mobile devices may or may not recognize the default CSS and may use their own styling to display things like checkboxes, list selection, etc. It just depends on the device.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
You did everything right, but you just needed to already have those plugins installed before you imported the widgets…..IF you wanted to use them.
Example: If you don’t have the eNews Plugin installed, then there’s no way to import the widget/plugin data since it has nothing to import to.
Here is the list of Plugins they’re using in the demo for this theme – https://appfinite.com/theme-setup/aspire-theme-setup/#plu
It looks like the only thing you’re missing is the Genesis β eNews Extended Widget. Install it, and then go to your widgets page and drag it over to the Front Page 2 widget. You’ll need to manually set it up from the widget settings since you already ran the importer. Technically you could run the other importer plugin again, but you may have duplicate content. That’s why I would manually add it in. Shouldn’t take but a sec to setup anyways.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
The only way to know that for sure is to just try it out and test it on your phone or retina device. Then you can see if the size makes a difference or not. Have you already tested this?
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
There is no “maximum” image size. It’s pretty much whatever your server can handle in order to load the image speedwise (we wouldn’t know what that would be). A full width image will show up at a different size for different users and their browsers. Just start with the default size and go larger if you want or feel you need to. There’s no set rule for any theme.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
It’s kind of already set that way, but since some background images are designed differently (different widths, different heights) you would probably have to add in custom modifications depending on the size of those images.
You can look near the bottom of the css to see the responsive section. Here’s what you could copy and adjust –
@media only screen and (max-width: 760px) {
.front-page-1,
.front-page-4,
.front-page-6 {
/*background-attachment: scroll;*/
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
}
In that example I changed the background size from auto
to cover
. You can use contain
, cover
, and auto
to have the image adjust on different browser sizes. This is what all other sites use to make background images responsive. The browsers job is to scale the image without distorting it….the best it can. There are still limits though, not every image is going to show 100% width and 100% height from end to end. It really just depends on the type of image.
You can copy/paste that code and make any more adjustments you need to it, as well as change the browser width 760px
to other screen sizes.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Are you sure it’s not the image itself? Sometimes certain images display differently in WordPress (any theme) depending on the shape. If it’s too tall/vertical, then the width will be small, and if it’s too wide, the height will be small as well in some cases.
I would try running the Regenerate Thumbnails plugin to see if it adjusts the thumbnail sizing. It usually fixes a WP issue like that, but sometimes it’s the image itself.
If that doesn’t work, can you try a different image? Maybe try one of the same images that already work from the other widgets. If it works in the other widgets and also works in the 3rd, then that means there’s something wrong with the other image you’re trying to use.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Since this is a customization request, I’d recommend either searching for the terms – “semi-transparent color overlay css” or hire a dev to code it for you if you’re not familiar with CSS. Before you do that, first run a search and you’ll see some tutorials out there that may already cover what you’re looking to achieve.
Here’s an example – http://stackoverflow.com/questions/9182978/semi-transparent-color-layer-over-background-image
And here – http://www.corelangs.com/css/box/overlay.html
and there are many more that pop up when I run a Google search.
Try those out, and then you can tweak them to your needs.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
If you’ve made edits or customizations to your theme, then it’s recommended to either leave it as it is, or manually go through and transfer your edits to the new version. The reason is, if you update by replacing your old files with the new files, then your old files will be overwritten.
The updates aren’t necessary, they are “addons” and small minor fixes. If you made a lot of changes it’s not worth it to update unless you’re willing to go through your code and transfer the customizations.
If you didn’t make customizations, then you can go ahead and swap out the old theme for the new one. Backup and save your data before doing anything just in case you make an error!
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Closing Duplicate thread. Please continue original thread here – https://appfinite.com/topic/how-to-make-section-1-on-front-page-smaller/
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
Take a look here for a quick tutorial – http://www.webweaver.nu/html-tips/link-within-a-page.shtml
You’ll have to create your own code for the Tables of course, but the tutorial above explains how to link to things from within the same page.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
kronos, ah that makes sense.
@Fred, I don’t know the exact location where your CSS code is located since I don’t have a link, but you can search for this code –
.header-image .light .site-title > a {
height: 56px;
}
….which should control the height and size of the logo/title area. Try deleting that part if you find it. If that doesn’t work then I would definitely need a link to your site once you have one available.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
“Iβm not looking for a designer That is the reason I purchased the template. Iβm just wanting to know where in the code I can make changes so my logo doesnβt zoom out when I scroll.”
Huh? All I asked for was the link to your site.
The reason I (or anyone else) would need the link to your site is so that I can tell you which line the code is coming from. Once I see where the code is that handles the logo shrinking or changing size then I can tell you what you can add to fix it. Otherwise I have no idea what or where to change anything since it would be a shot in the dark.
If you have a link I can provide a quick fix π
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
What’s the link to your site?
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
@Craig The Customize feature they added will allow you to change the Front Page 2 background color without editing anything in your CSS code. If you head over to Appearance, then click Customize, you’ll see the “Colors” link.
The “Colors” link will let you change the default color for all of your links to whatever color you want. This includes the buttons, background color for the Front Page 2, etc. It’s the same as changing your color scheme throughout your site.
Here’s what it looks like – https://appfinite.com/theme-setup/aspire-theme-setup/#tcu
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com
It’s looks perfectly fine on my end. Is it possible to send a screenshot of what it looks like on your end?
Also keep in mind that Responsive Background Images have to adjust themselves to scale for the Visitor depending on the size of their browser. If you resize your browser (shrink and/or open it wide) you’ll see how your Image will adjust to fit the screen the best it can without becoming too stretched or distorted.
When I look at your homepage (assuming that’s the page you’re referring to) the image isn’t distorted or blurry at all. The Theme itself isn’t distorting or blurring your image, it’s showing it exactly how the image is. Here is the direct link to your image – http://www.mrandmrsdodd.com/wp-content/uploads/2016/12/rsz_img_0979-1.jpg If you compare the image link itself with the image on the site they both look exactly the same.
I create awesome sites for awesome people! Contact me if interested β ericsanchez1585@gmail.com