Your cart is currently empty!
Here’s a tutorial I found for the logo – https://wpsites.net/web-design/add-logo-image-next-to-title-in-studiopress-themes
If that’s too difficult, I’d probably just upload a logo with the image and the text already in it so you won’t have to handle any code.
It looks like you’ve already added the code for your site title –
#title {
font-family: "Comfortaa",sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 42px;
margin: 0;
}
Hi, did you see my reply?
If you want to adjust the position then you would need to edit that part of the code I posted previously. It will only display to the left, center, and right. If you want to change it anymore beyond that, then you would need to either create the CSS and redesign the code, or hire a developer to code it up for you as it will take some time/effort if you want it to look different than it does.
That’s possible, but it’s going to require some coding.
If you do a search for this – https://www.google.com/search?q=how+to+create+a+full+width+featured+image+in+genesis several tutorials will come up that show how to do it.
Be aware, some of them will make you pay to read the full tutorial (I HATE when that happens) so make sure you’re viewing one that is free.
Here’s a couple you can start with –
https://benweiser.com/how-to-add-a-full-width-image-above-page-content-in-genesis/
https://chriseggleston.com/ambiance-like-fullwidth-image-in-pages-and-posts-in-genesis/
Hi, It usually shows up in the center on most sites. Have you added anything that changed it?
I think it will fix it if you change the text-align: left
to text-alignn: center;
….Then it will show up in the middle.
Line 1451 in your CSS –
/* Responsive Menu
--------------------------------------------- */
.responsive-menu-icon {
cursor: pointer;
display: none;
margin-bottom: 10px;
text-align: left;
}
Hi are you talking about the section under “Wie zijn wij”?
When I resize my browser it looks fine to me. I think there supposed to all show up vertically when the width/space is smaller.
Can you post a link to your site?
Are these anchors added inside the menu or in your page content?
@Croing The problem appears to be that you uploaded a Blurry image from the start. If you upload a Blurry image then it will show up that way regardless of the theme you’re using. If you take a look at the link to your logo directly, you’ll see it’s blurry here – http://agratzerpianos.com.ar/wp-content/uploads/2017/02/cropped-otro-logo.png
You’ll want to upload a more clearer version of your logo if you have one.
The logo that is shown on your site (with the theme) is smaller than it’s actual size http://agratzerpianos.com.ar A logo/image usually doesn’t become blurry when it shrinks in size from a theme, that only happens when it’s being stretched past it’s original size to appear larger.
So if you upload a clear/non blurry version of your image then it will show up better.
If you want your image to show up as a different size (smaller or larger) this can be adjusted in your CSS. First upload the new version and if you want to increase or decrease the size I’ll help you out.
Can you add the slider you’re using inside a widget? If you can then you’d have to put it in the front page 1 widget location, and then edit the CSS to make the entire widget area full width. That is, unless you want the slider to be 1200px wide like the inside of the front page 1 section is set to currently.
The background image of that FP1 widget shows a background image, but that is separate from the widget (sort of) it shows up behind the widget. If that makes sense. You can remove the background image, make the inside of the widget area full width instead of 1200px, and then add the slider. That should work.
@bloomrocks If you want the Read More link to show up after the content, try setting the Display to Entry Content and then add a Content Limit (start at 500 to see how it looks). Once you do that, then it will automatically show the Read More link right after the content on all your posts.
Can you post the link to your site so I can see the sidebar issue?
What a beautiful site 馃檪
Unfortunately I don’t see the borders you’re talking about. I’m using a 20″ screen with the browser wide open and it still looks fine. Is it fixed or am I missing something?
Where are the pricing plans located?
It looks like you’re using an older version of Epik, so that means you’ll have to change some things in your files in order to make this work. Since you’ve already made changes to your CSS files, DO NOT UPDATE your theme, it will overwrite your current design (you may already know this).
What you could do is update your Header/Logo code in your functions file to this –
//* Add support for custom header
add_theme_support( 'custom-header', array(
'flex-height' => true,
'width' => 360,
'height' => 164,
'header-selector' => '.site-title a',
'header-text' => false,
) );
That’s the latest/newest way that Genesis is adding/uploading Logos to the Genesis Framework.
Once you do that, let me know, and I can tell you the next step. Also, make sure everything uploads properly by entering the right Image size.
Hi,
I know this has been mentioned many times throughout this forum, but have you tried using the Regenerate Thumbnails Plugin to automatically adjust all of your Thumbnail Images on your site? – https://wordpress.org/plugins/regenerate-thumbnails/
Try that and let us know if it fixes your issue. It’s supposed to adjust the images on your site to match your Theme settings.
Which “ID’s” are you referring to exactly?
What version of Epik are you using? The version of the theme you’re using could be what it is. I know they’ve always added updates to theme and I believe they added an update a long time ago that added that particular feature.
If you haven’t added any modifications to your theme files, then you can definitely download the most recent version and upgrade and see if that fixes it (it should). If it doesn’t, just let any of us know.
Hi, I don’t see a Menu. Did you remove it, or are you referring to something else?
Where is it located exactly?
What @eric wrote should work, but you should put that code inside the Mobile Responsive section/area of your CSS. If you do that, when a user is viewing your site from a mobile device the code will trigger the image to become responsive rather than a fixed width. Try that out and let’s see how it goes.
I’ve checked Multiple links on your site from my iPhone and everything looks Perfect from my end. What’s the link to the specific page/issue you’re having directly?
If no one here has any experience with those plugins, I’d try contacting the Plugin devs to see if they know how to make their plugins work with Genesis themes. They may have a special way to get everything working.
Do you have a link to your site?
Yes I’m sure it’s possible to fix especially since the Theme itself works perfectly fine by default in IE. So if something was added to your site somewhere that is throwing everything off, then that needs to be found and corrected.
The hard part is figuring out where the issue is coming from exactly. I could make guesses of what to do, but that would be a shot in the dark and could take forever to figure out without an IE browser to inspect everything, and without access to the site and the code behind the site.
I mentioned the IE versions earlier, you would need to post the IE version that you or your clients are using, as that is important to know so that once someone can check your site they can report how it looks and some possible ways to fix everything.
Is there anyone out here that uses an older version of IE that can check if his site is showing up properly?
“Are you suggesting that we should find a specific theme that works with IE instead of trying to figure what is the problem with how it appears and trying to fix it?”
No I suggested to visit the demo on Appfinite’s demo page and see if you have the same issue with the Theme Demo link. If the same issue doesn’t happen then that means you may have added or removed something incorrectly which could be causing the issue.
Here is the link to the demo – http://demo.appfinite.net/epik/ Check it in your IE browser to see if the same issue appears.
Probably just missed it by mistake. Also, most people here probably don’t have IE or access to it so it’s difficult to provide a solution sometimes.
I myself use a Mac so I have to rely on emulators, but they don’t work too well all the time.
Can you check to see if their demo itself works? If it does then that means that there was something added to your theme that is causing the issue.
Also keep in mind that most developers/companies support the later version of IE and not the older versions unfortunately due to the many issues that IE came with (that were never fixed).
@TrishaM You can add a site title in your Genesis SEO settings page. I was told that if done that way it gets picked up in the search engines the same way as adding a site title on the General Settings page.
If you add it on your Genesis SEO settings it will show up in your code so the Search Engines will see it, but it won’t show up on your site in the way of your logo.
Hi, do you have a link?
Not sure if that will help, but it’s a start. We can take a look and see if anything stands out.
Did you turn them on in your Genesis Theme Settings page?
I replied to your other post here – https://appfinite.com/topic/epik-portfolio-misaligning/#post-15988 That will definitely fix it.
@ROBERT that link doesn’t seem to be working. If you can post the link to the portfolio I can take a look and see if the code needed to make it work is missing. If it is, then this should fix it – https://appfinite.com/topic/portfolio-pages-boxes-dont-align/#post-15796 …but before you do anything let me take a look first.
It’s supposed to already be in the theme, if not then I’ll contact @Wes and let him know.
This is what it should look like – http://demo.appfinite.net/epik/portfolio/
EDIT: I just saw your other post on this, and visited the Portfolio you linked to. The link I posted earlier will definitely fix it. I’m guessing they are still working on some other updates to add to the theme since it’s not in just yet.
I remember seeing this asked a few times, so I did a search and came across this – https://appfinite.com/topic/home-page-layout-to-be-applied-to-internal-pages/#post-9566
There are other posts that mention this, if you do a search in the forums you’ll see them.
This should help – http://bit.ly/1GYmMKX
Or this – http://bit.ly/WsC2QS
Both tutorials should help get everything working. I heard that this will be added in a future update…..but until then, you can follow those tutorials above to get everything going.
Hi Tom,
The Google Web fonts site will give you the exact CSS code/Font name that you’ll need to use in order to replace the current Google Font/Code that the theme uses. All you would need to do is use the “Search/Find” function on your computer using the ctrl + F (PC) or command + F (Mac) to find every spot in your CSS that the Oswald or whatever font you’re currently using exists….and you can replace that with the new font that you want to use.
The Google Web Font site provides the exact code you’ll need to add in replace of the old font/code.
Hi, do you have a link to your site so we can check it out?
They don’t use em’s or rem’s,…..just pixels (in the latest version). This isn’t based on any particular bootstrap or anything, it’s created from scratch on top of the Genesis Framework default Child theme and it’s Structure (by StudioPress). This is best to prevent complicated results when setting up a site/child theme. I would study the Genesis framework and their structure first if you’re new to Genesis.
Hope this helps 馃檪
Awesome! Happy to help 馃檪
Ok, the reason that’s happening is because you’re using tables….but we can create a “workaround” by changing or removing the img
part on line 378 in your style.css –
embed,
iframe,
img,
object,
video {
max-width: 100%;
}
I’m not sure how familiar you are with CSS so I’ll explain just in case. If you completely remove the img,
from the code above then it will allow your images to show up at full width as you have it originally. So if you did that, the code would look like this as an end result –
embed,
iframe,
object,
video {
max-width: 100%;
}
I usually recommend NOT using tables, especially since they aren’t reliable, or compatible/consistent with every browser. It would be much better to use div‘s. After looking at your source code, I would definitely suggest using divs if you can, it’s much better for modern browsers that we’re using nowadays……Plus it’s much easier to deal with the code, and there is less conflict and issues when you’re adding code/images.
What’s the link to your site? I can take a look at the source code first before looking at the plugin settings.
Also, try and use the Regenerate Thumbnails plugin anytime you change the size in your Slider Settings. It should adjust all of your images to reflect what you have set in your settings. But also make sure and post your link so I can see what it looks like. I’ll need to look at the source code (which can be done with just the link itself).
Hmmm Ok, thats a totally different site that you originally posted. It looks like you’ve posted 2 separate links to 2 different sites……but if you got it working then thats all that matters. Im not sure what happened on your end, but it seems to work perfectly on my end with no issues. I wish I knew what was going on, but oh well! As long as you got it worked out.
Glad I could assist 馃檪
Are you using the latest version?
I’ve built a lot of sites with the same Theme you’re using and haven’t run into that issue. I think it’s because they added the Responsive Menu Icon in version 1.4.1 and you’re using an older version which probably doesn’t show it.
If you’ve made customizations to your CSS and your Site, then you can’t upgrade to the latest version since you made modifications to your site which would override all the work that you did…….you’ll need to adjust each part of the theme you adjusted to get everything working….(shouldn’t take that long).
The latest version shows the Responsive Icon when being viewed on a Mobile Device…..Example – http://demo.appfinite.net/epik/ Resize or View that link on a mobile device to see that it works perfectly on mobile phones.
Just let me or anyone else know what’s missing.
……..Also, you can add this to your Responsive Section of the CSS if you want it to activate on a certain Browser size.
Yes it is. Have you tried it yet?
@futurewebboss No, it’s not a bug, you just need to follow @Andykev’s advice to get everything fixed by adjusting your settings. I assume you already got it working though right?
When I checked your site I didn’t see your site title showing.
Wes is still very active on the forum….not sure where you got that info from…Anyways, usually you should hire a designer/developer to make customizations to your site as mentioned here – https://appfinite.com/topic/forum-rules/ But I’ll help out with what I can.
To center your logo, try and add this to your CSS –
.site-header .site-title a {
background-position: center !important;
}
To center your social icons, add this –
.site-header .simple-social-icons {
display: inline-block !important;
}
This is specific to the plugin that you are using, so it probably won’t work exactly for anything else that you use, but the same concept should work if you adjust it for whatever code you add to your site.
Give that a try and let us know if everything checks out.
Hmmm, that’s weird. That’s never happened before. Good thing you got it fixed. Just let us know if you run into any other issues.
Do you have a link to your site?
You can replace the word “Epik” at the top of the Style.css file (template area) and that should do it. You can also replace the part in your functions file as well……the one mentioned on that link.
Yes, I was using Chrome when I checked. That’s my default browser.
I checked on Firefox and Opera and I got the same result.
Everything looks fine when I view it. Did you already get it worked out or is it still not looking right? If it’s not can you post a screenshot? (use http://imgur.com if you need to)
Can you post the code snippet you were trying to add (by itself)? It would take too long to go through all of the code on your functions file, but if you paste the snippet then I can try and take a look.
I noticed this was added on line 2163 in your Style.CSS file of your Child theme –
div#footer {
display:none;
background-color:f5f5f5;
}
That definitely has something to do with it. Also, after checking the source code, I don’t see any content added to the Footer Area. If we’re talking about the very bottom of the theme, it should at least show the site/theme name, copyright, etc. If it doesn’t show, then that means there is probably some custom code that you added or another plugin that is interfering with the default code. Did you add anything to alter this section?
you got it!