This reply has been marked as private.
Hi;
I’m using Enfold Enfold Version 2.6.2 for my blog and really love it (my web page). But there are a few points that i couldn’t change and i need your help
1) On my post’s images, sizes are getting smaller. But i want to show them in the middle of screen in their exact sizes without lightbox (with 900px). I’m a photographer and image quality is very important for me, when image sizes changes the quality sucks.
I found a few codes to correct this in this forum. This is the last CSS code that i used;
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 900px;
}
#top .fullsize .template-blog .blog-meta content-wrapper > * {
max-width: 900px;
}
But when I’m using this code, I had some problems in some browsers;
Chrome: I can preview images in the middle of screen but max size in 800px
Firefox , Explorer and Opera : I can preview images in 900px but they are on the right side of the screen.
2) When i’m looking my web page from a mobile phone, my logo and social icons are overlapping. (This problem began with last update)
3) I want to add a “pin it” button to the upper corner of images (example)
I’ll really appreciate if you can help me in this 3 points.
-
This topic was modified 12 years ago by
Hande-K.
Hello:
My website is having issues with links working in color sections on mobile and tablet views after the latest Enfold update.
I’ve tried using this code, as was recommended on another thread, but thus far it has been unsuccessful: .avia_mobile #top .av-parallax-section{z-index: 0;}
Here’s the site: http://bit.ly/1f5o1OH
Please advise.
Hi:
There is notification at the top ” This is a demo store for testing purposes — no orders shall be fulfilled.”
How can I remove it ?
Here is the link: http://myhousekitchen.com/
Need your assitance
Hi!
You are putting the code wrong:
.single-format-standard .big-preview.single-big { display:none; }
It should be:
.single-format-standard .big-preview { display:none; }
Regards,
Josue
ok! problem solved! added all of that, and did the job:
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; max-width: 75%; margin-left: 5px;
}}
#advanced_menu_toggle { top: 35%; }
-
This reply was modified 12 years ago by
amsdes. Reason: problem solved
Hello,
When I look on a desktop PC at the headermenu of my site http://nieuw.delocht.nl I see that the opacity of the dropdown-items is allright.
On a tablet (samsung) it is too transparent to read the items.
Any CSS suggestions?
By the way I like this theme!
regards
Jan-Hein de Wit
Hey!
I checked the code and I found the issue but I eventually removed it because I think you don’t need to modify the breadcrumb. Try to clear the browser cache, then go to http://2013.traverscollins.com/work/ and open “SOUTHTOWNS RADIOLOGY”. The breadcrumb structure should be “You are here:Home / Work / Southtowns Radiology”. I tested it on my PC and the breadcrumb seems to work just fine: http://www.clipular.com/c/6148634554925056.png?k=sqVTvEyjn0I3oPB-VoJbkvmEJZI and uses the structure you requested here: https://kriesi.at/support/topic/portfolio-breadcrumbs-are-displaying-incorrectly/#post-242764
Cheers!
Peter
Hi hypermediamarketing!
1) Please use the code I posted here: https://kriesi.at/support/topic/remove-dates-displayed-in-child-latest-news-widget/#post-241094 and place it into the child theme functions.php
2) To increase the size of the image use this css code:
.image_size_widget .tweet-thumb img, .image_size_widget .news-thumb img {
width: 36px;
height: 36px;
}
.image_size_widget .news-thumb {
height: 44px;
width: 44px;
}
You can also use a bigger thumbnail size but then you must install a plugin like: http://wordpress.org/plugins/simple-image-sizes/ to increase the widget preview thumbnail size.
Regards,
Peter
Good morning. I would like to delete the pictures of the flags from my header (www.primisdesign.com / contact) I followed the directions of the previous post but do not work (post number: # 244490). Do you have suggestions?
Post Number: # 244490
you can tell me exactly where to place the css?
Hi
Thank you for looking. I replaced the header.php file in both my Enfold folder and my Child theme folder and this has brought the mobile menu back, thank you. It did reset the position of my menu but i just changed that in the admin to “Logo left, menu below” and my menu came back to the correct position. I had added additional code to the header which puts text in the top header. This was under the code echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’). but this all seems to be missing from the new header file. What file is this part of the code in now? I cant find it to add my code to to bring back my tst to the header?
Many Thanks
Regards
Colin
This reply has been marked as private.
Hi!
The codes’ suggested above should work but I think they’re not working on your end because you have a cache plugin. Please try to empty cache and make sure that you have added the suggested code above. Remove browser cache then reload the page a few times.
@media all and (max-width: 989px) and (min-width: 768px) {
.av-main-nav > li > a {
font-size: 12px !important;
padding: 0 5px !important;
}
}
Best regards,
Ismael
I would like to know how to achieve this common dotted overlay transparency on images in the color section.
I saw a post explaining how to do it by using targeting with the .caption_fullwidth class when using video in the easy slider, but it would be really nice if we could do the same in the color section – I would even settle for the easy slider with an image instead of video as an option.
Anyone have an idea how we can easily implement this?
This might even be a great option for the theme in later versions….developers?
I also thought about using :after pseudo class but I cannot seem to get that to work…
https://kriesi.at/support/topic/dot-grid-overlay/
Hi Justin!
Thank you for using the theme and link you provided.
You can add this on Quick CSS or custom.css to move the slider downwards:
.avia-fullscreen-slider {
top: 25px;
}
Cheers!
Ismael
Hey!
Thank you the info.
You can do the following in order to achieve the same effect:
1.) Create a page then switch to Advance Layout Builder. Add the Fullscreen Slider or the Color Section element.
2.) Look for the Layout metabox then enable the Header transparency.
3.) Publish the page. :)
You should disable the social icons and the top bar for best results.I hope this helps.
Regards,
Ismael
Hi!
Sorry for the delay and thank you so much for using the theme!
The new enfold release 2.6.2 includes a lot of IE fix which might take care of the problem you’re having right now. Please download the latest version of the theme from your themeforest account. Update the theme via FTP. Watch this video by Devin: http://vimeo.com/channels/aviathemes/67209750
If you want to center align the language flags you can add this on your custom.css or Quick CSS:
#top ul.avia_wpml_language_switch li {
margin: 0px 0px 0px 5px;
display: inline-block;
float: none;
}
.avia_wpml_language_switch {
text-align: center;
}
Make sure that you add this on every languages’ Quick CSS or add it on custom.css.
Regards,
Ismael
Hi willwatsongraphics!
Thank you using the theme and the feedback!
There are a lot of improvements on the latest update of Enfold especially on the header part. The markup has been changed drastically that a lot of users are complaining about it. Anyway, those changes are necessary to improve the way you modify the header options. You can now simply specify where you want the logo and menus to show, add extra elements, configure the header height etc. In your case, you can add this on Quick CSS or custom.css to remove the top padding:
.html_header_top.html_header_topbar_active.html_header_sticky.html_large .home #main {
padding-top: 0 !important;
}
Cheers!
Ismael
Hi!
Thank you for using the theme!
I tested the website however I can’t see the portfolio items stacking up with each other. Given that I have a slower internet connection speed compare to you and for most of the users here in that matter, I think you can assume that it will load much faster for other visitors. Another thing you can do is to optimize the page loading speed to decrease the possibility of this issue happening close to zero.
There are lot of things that you can do to optimize the website speed and page load. You can do the following:
1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin.
5. Install WP-Super cache, select all recommended settings, use memcache option, update .htaccess rules, increase cache to 840000, Save then delete cache.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Dont forget to smile.
Best regards,
Ismael
Hey!
Thank you for using the theme. The z-index fix is not working like before so please add this on Quick CSS or custom.css:
@media only screen and (min-width: 1140px) {
#top #main .sidebar_left .sidebar {
width: 269px;
}
}
#top #main .sidebar_left .sidebar {
position: relative;
z-index: 100;
overflow: visible;
float: left;
width: 239px;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
#top #main .sidebar_left .sidebar {
width: 182px;
}
}
Regards,
Ismael
Hey!
Try adding this code to the Quick CSS:
.single-format-image .big-preview {
display: none;
}
Cheers!
Josue
Hi Peter, thanks for your reply. 2 and 3 is solved, thanks to you :)
1. Yes, the slideout menu shows, but the menu section (header) also shows, the full screen slider stops a bit short of full screen and when you click the slideout it takes over the entire screen. Perhaps that is just the way it is and if so I’ll accept that, but optimally there would be no header, just the little slideout icon, a fullscreen slider and when the menu slides out it would not cover the entire page.
4. I’m using the image for the parallax background for the color section, and I would like to have the pattern super imposed on top of it to darken it and give it texture, the same effect that is on the full screen slider at the top.
Thanks again, hope you can help.
Best regards /Michael
I’m using Enfold 2.5.4 with wordpress 3.8.1. Today as I was working on the site, all of a sudden posts stopped appearing on their category pages. I’m getting a consistent 404 error message. When I view the number of posts in the category section, the post count is accurate. However, when I click “view”, I cannot see any posts. If I click on individual posts, I can see them.
Hello,
I would like to remove the header and menu from my site. If possible, I would like the top menu(?) with the phone number and social media and then go straight into my page.
I’m trying to create a one page site that has a full width header image and I don’t need a menu or logo section. I’ve got the page that I want but I would like to have the phone number and social sharing bar at the top, but that’s it. Let me know if there is a better way to accomplish this.
Thanks!
Keith
Hey Guys
I was building a site on a seperate domain here
http://www.drakeeats.com
and moved it to here
http://www.westcobbdiner.com
There is a small white line going across the top on the drake eats site and I can’t get the same look on westcobbdiner.com. I have tried adjusting some numbers in CSS. Any ideas?
This reply has been marked as private.
Hello,
I am about to release a website using the Enfold theme, and in our main front-page slider we chose to stop autoplaying a video we have there, which we were able to do using the global settings, then turn autoplay off.
However, a very large picture thumbnail of the video remains that looks rather funky – how can we get rid of this picture so we only have the video player left, and no picture? We are using vimeo as our video player, btw.
Thank you!
Bill
-
This topic was modified 12 years ago by
Bill.