Hi,
Try adding this code to the Quick CSS area in the Theme options page:
#layer_slider_1 {
height: auto;
z-index: 1000;
}
Regards,
Josue
Devin,
I am using the Advanced Layout builder, and have added the images using the ‘image’ media element. Where would you recommend adding a class to a specific image (maybe I am overlooking the simplicity of this)?
Also, would the CSS for setting a specific hover effect to an image on a specific page look like this (just as an example):
.page-id-1108 .solution1:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform:: rotate(360deg);
}
*The class for the image would be “solution1”.
I appreciate all of your help.
-
This reply was modified 12 years, 4 months ago by
Thinkgate.
Anonymous
Hey Ismael and Yigit,
My Avia Media Elements seem to be working now since I re-added ‘echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’);’ back to Header.php. I originally removed it to add a text site title instead of using the Avia Logo but wanted to restore the auto-resize of the header on scroll with my text site title.
Yigit’s reply here (https://kriesi.at/support/topic/fixed-header-does-not-auto-resize-anymore/#post-191914) showed me how to restore the auto-resize functionality and it seems that restoring the Avia Logo code has also restored the Avia Media Elements. Does this make sense? Or, Ismael, did you access my site with the temporary login I created and changed something?
Chris
I do not talk about scaling images by HTML /CSS!!
I know how to regenerate!
My question wass:”Where in your PHP do i change the size of the images for blogposts (single-view) so that the images in archive / index are not influenced?”
Maybe you have alook here:
https://kriesi.at/support/topic/blog-views-why-so-complicate/
-
This reply was modified 12 years, 4 months ago by
kaMai.
Hi!
You can change the sizes using custom CSS as well but then your images would be blurry. Then you can regenerate them using http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
you made my day, man! much much thanks again and again – you guys not only make a great theme but are on-point with the support.
You really suggest to edit the functions.php of a parent-theme ??
Hey guys,
this is something that has always bugged me, but I have never brought up. I kept thinking it would eventually be addressed but not as of yet. I know I am not the only one experiencing this.
When you upload your ~200px theme logo file it obviously creates various smaller versions by default, and they should in fact all be as clear as the original upload. The logo that the theme pulls for desktop browsers and and ipad 2 both are crystal clear. But when it pulls the logo for an iphone 4 or iphone 5 it is quite blurry. My guess is it is pulling a too small pixel dimension logo file and then it is enlarging it slightly to fill the space. This is the only thing I can think of as to why this is blurry. here is visual reference as to what I mean

but when viewed on a desktop or ipad it is clear like this

For reference: the view you get on my site is custom, I hide the default logo and then display a background image, but the behavior is the same on the background image as well as if I turn off this customization, the normal logo still is blurry on iphones. However the kriesi site logo is clean on iphones for reference.
so my own digging has come up with the following: My logo file (the ja icon background) that is visible on mobile browsers is about 64×65 px in nature. If I take a screen shot of the site on a desktop, then take that to photoshop to measure the pixel dimensions of the logo they are exactly as expected. However if I take a screen shot on my iphone and then take that into photoshop the pixel dimensions are twice as expected, the iphone screen capture logo is about 124x125px, twice what is expected.
Is this because of a retina display thing, more pixel density or something? if the logo is being stretched by 200% that would obviously explain the blurring? I just don’t know enough about the correlation on how the iphone renders images and the theme pushes images to the phone.
Can you guys look into this more please, I would love to figure out how to make the logo clear on mobile devices, specifically iPhones.
my site is jackandaddi.com
Yes – unfortunately that won’t serve our purpose as I want to get content from another page / multisite ID excepting for the slider at the top as that is not compatible with this function (according to Dude).
Hi,
I updated to the newest version of enfold, and before the blog layout was perfect. I had each blogger submit a post, with their gravatar on the left side and the feature image on top. I used the settings “multi-author (shows grav..) and now with the new theme there is a new option for single posts (big or small) and on the old, there was none, and I think that is not allowing the gravatars to show up. Anyway I can fix this? Thanks!!!!
Peter,
Per your advice, I started fresh with a new install of WordPress and the Enfold theme and I’m still having the same problem.
Thanks again for your help.
I’m using the Stretched Layout.
Here’s the dev site link:
http://www.johngdoyle.com/unmanitempsite/
Thanks for your help.
Here’s the dev site link:
http://www.johngdoyle.com/unmanitempsite/
Thanks for your help.
Images with links offer feedback to users by fading to a lighter tint and a red circle with an arrow in the middle appears.
Is it possible to do any or all of the following?
1
Adjust the fading effect of the image – for example, not make it so pale?
2
Remove the circle & arrow icon, so just the image fade effect occurs on mouse-over?
3
Change the circle & arrow icon?
Thanks.
Hey mediumstudio!
Try the following:
.avia-fullwidth-slider .overlay-type-extern{ display: none !important; }
If that doesn’t work, please post a link to your website.
Best regards,
Josue
Hey jgdoyle1!
Are you using a boxed Layout? what image would you like to use? can you post a link to your website please?
Regards,
Josue
Hi,
Can you post the link to your website please?
Regards,
Josue
Hi bkheld!
Automated i don’t think so, you’d need to manually create the easy slider, however you don’t need to re-upload the image, simply use it right from the WP Media Gallery.
Best regards,
Josue
Hey simonac!
You are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Cheers!
Yigit
Hi roekeldalsum!
That’s not an actual shortcode, it’s an image asset used in the Avia backend.
However, you could use custom bullets in your lists, check this topic: https://kriesi.at/support/topic/custom-bullet/
Best regards,
Josue
Hey kaMai!
In WordPress dashboard please go to Appearance > Editor and open Functions.php file and find
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
and adjust as desired
Cheers!
Yigit
Hi stoffey99!
Please do not remove following line
echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’);
and add your line right under it.
Then add following code to Quick CSS in Enfold theme options under Styling tab
div .logo { display: none; }
Cheers!
Yigit
This reply has been marked as private.
Sorry Devin I should have been more specific. The code for no.2 worked but no.1. didn’t work. The the main blog image is still there even after I added the code and emptied all caches.
No, that is not possible within the current plugin limitations.
Hi!
Please try adding following code instead
@media all and (max-width: 480px) {
.header_bg { background: none!important; }}
Regards,
Yigit
Do your posts have featured images set for them? The grid will not work without the items having featured images. The 4th photo doesn’t work for me so I can’t see what the output is so that is just a somewhat blind guess.
Hi, I want to use the One Page Portfolio as my homepage; however when they click on the button I want it to open a YouTube Video in a Lightbox.
Currently this isn’t possible, as it will only allow me to open the image in a lightbox or open a link to the YouTube video.
Is there a workaround for this?
Hello i would like to change that hoover effect on the images of the portfolio grid. How do i get the overlay more transparent and delete the icon that ist displayed on mooseover.
Is it possible to zoom in that image on mouseover. With a animation that zooms in, not just showing another more zoomed image.
Cheers,
Markus
Hi Josue,
I’ve set it to bottom left and this works for pc and ipad only on a mobile i get a glitch.
I’ve tried this code to stop the .header_bg from showing up on mobile but it doesn’t work:
@media all and (max-width: 480px) {
.header_bg {display:none!important; }}
Is there a way to block this background image with media queries?
Cheers Herrbirk