-
Posts
-
The more I work with this theme, the more I suspect something is just flat-out messed up with my installation. I keep having CSS/styling issues all over the place (things are not appearing as they did in the demo content). Here’s my latest issue:
I’m trying to use the “icon box” element in my blog post here: http://www.guitaranswerguy.com/dont-forget-to-wipe-your-strings/
Inside the admin editing area, the preview is correct: the default Enfold icon within a blue circle, as seen in this screenshot:
However, in the blog post that the public sees, it’s totally different, and looks terrible, as seen in this screenshot:
For some reason, it’s lost the blue circle and the alignment is bad. This is true of ANY and ALL icons whenever I try to use the “icon box” style.
What’s going on?
EDIT: I can’t leave this post as-is; I have to move on. I’m deleting the icon box element for now. So, if you visit the post you won’t see it in the live code anymore. However, I’d still like to get this issue figured out. I’d really like to use the “icon box” elsewhere on my blog some day, and still suspect that something has gone wrong with my installation of the theme.
Hi Bobby!
Can you please check if you have any cache and it is active?
Seems the minified versions do not load probably corrected.
if not, re-upload the theme files, as something seems not to be uploaded properly as an other case.Cheers!
BasilisI think you’re asking me to clear my browser cache? I just did that–and completely erased my cache, history, passwords, etc.
I also re-uploaded the original Enfold theme to my server’s WordPress “themes” folder (I’m using a child theme). I have the same exact problem. There was no change.
I created a test page where you can see the only icon box styles I’m able to achieve: http://www.guitaranswerguy.com/test-page/
I feel like I’m constantly having to write custom CSS just to get things to look right in this theme, and I don’t understand why. Also note on that page that the progress bar labels are not aligned properly. Just another example of mysterious styling issues.
Hi!
the link you have provided redirects me to a “Nothing Found” page. Please check and provide us a correct link, so we can see what you are talking about.
Please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account: http://kriesi.at/documentation/enfold/install-enfold-over-ftp/
Regards,
AndyAndy:
I deleted that test page, because I didn’t want to leave it live any longer… to potentially be found by visitors.
I’ve already deleted and re-uploaded the Enfold theme via FTP. I did that on Nov 22nd using those exact instructions. Unfortunately, it didn’t seem to change or fix anything.
Hey!
ok and we still need a link, where we can see the issue. Can you provide us one, please? it won’t be found by any visitor if you don’t share it anywhere.
Cheers!
AndyAh yes, here you go: http://www.guitaranswerguy.com/icon-box-test/
That’s generally what I’m wanting to do, however, I seem to only have 2 size choices… one is just a plain icon floating by itself (as in the screenshot above), or one with a HUGE circle around it. In the original Enfold demo I looked at, I saw smaller circles (a size that is about half of the one on my test page).
If you go to the “About Us” section of the public demo here, you’ll see a slightly smaller circle icon: http://kriesi.at/themedemo/?theme=enfold
Is this something I’m just going to have to use custom CSS to achieve?
Hi!
if I go to our theme demo page (las link you have provided) and then to pages->about us, I can’t find any icon you are talking about. So not sure what you mean. Can you explain further where we can see this icon please? maybe even add some screenshots to highlight (imgur.com, dropbox).
Cheers!
AndyNo, don’t go to any sub-pages… go to the exact URL I linked you, and scroll quite a ways down to the About Us section. It’s closer to the bottom of the page.
Hi!
There is no icon element in the demo’s about us page. http://kriesi.at/themes/enfold/pages/about-us/
A url to the actual page or a screenshot of the element will help. The iconbox looks ok when I checked one of your pages: http://www.guitaranswerguy.com/icon-box-test/
Cheers!
IsmaelAs I said previously, do NOT go to pages > about us. Just go to: http://kriesi.at/themedemo/?theme=enfold
… and scroll quite a ways down toward the bottom. There is an “About us” SECTION on the page.
Here’s a screenshot of what you’re looking for:
Hope that helps,
Bobby
Hey!
so you just want to make your icon from page in private content smaller, right? if yes use this code in Quick CSS field:
.iconbox_icon.heading-color { width: 60px; height: 60px; line-height: 60px; }and adjust as needed.
Cheers!
AndyYes, exactly. Thanks for the CSS. I was worried that something was wrong with the theme that was making them bigger, and whether I actually NEEDED to write customer CSS, or if there was something we could fix with my install.
Now that I know the code, I’ll experiment with some other sizes as well.
I think we can close this issue out. Thanks!
- The topic ‘"Icon Box" Styles Are Not Correct’ is closed to new replies.