Hello!
You would need to make each image positioned absolutely and then position them outside of that. Its an odd css issue which is really going to take a bit of trial and error.
A good source for getting it exactly as you want it is StackOverflow but customizing the layout and the css needed for it is a good but beyond what we can assist with via support as, since i mentioned before, will take a lot of trial and error and getting it customized to how you want.
Regards,
Devin
Hey toshism!
Sure, you can use the :before pseudo element with the image you want to use in it content. See: http://coding.smashingmagazine.com/2011/07/13/learning-to-use-the-before-and-after-pseudo-elements-in-css/
Regards,
Devin
HI, Devin
Thanks for your reply.
But, your code cannot resolve my problem.
Please check my first inquiry carefully.
Regards,
Hojoon
Hi!
Everything looks pretty sharp on my end when checking now. Images in WordPress are somewhat touchy. Its best to just use the largest possible size you have available and then with Enfold choose an image size larger than the container for whatever gallery/image implementation you have.
Regards,
Devin
Addressing your original topic here: https://kriesi.at/support/topic/color-section-with-background-image/#post-165934
Please do not create multiple topics for the same issue or question. We get to every single topic that gets posted on the forums and it just makes it harder and takes us longer when you double post, self bump or add on to other topics.
Hey Fabiana!
First thing to try is disable all active plugins you have running including any dropins like Jetpack. Then go to your homepage layout and re-set the image for that color section and save the page.
Also, please do not create multiple topics for the same issue or question. We get to every single topic that gets posted on the forums and it just makes it harder and takes us longer when you double post, self bump or add on to other topics.
Best regards,
Devin
Hello!
Use this plugin and remove the crop from that image size: http://wordpress.org/extend/plugins/simple-image-sizes/
Then use the same plugin to regenerate your image sizes.
Cheers!
Devin
Hi Ismael,
This method works but it still constrains the image size to the column. Is there any way around that?
Hello,
I’ve come across an issue with my Enfold 2.2 install. When scrolling down the page, my header image flickers and disappears and the nav bar also flickers.
You can see this at http://dev.mastccs.org. I reproduced this both logged in and out in both Chrome and Safari.
Thanks!
Phil
Hello,
I experiensing some dificulties with custom section. I have 2 custom sections in one page, the first one is working fine but the second one is not showing on Google Chrome, only in Firefox and Explorer.
Page: http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/
Images bellow.



Thank you.
Fabiana.
Hello,
I need some help with the way the icon box are displaying text. In the Google Chrome Browser works perfectly, but on Firefox and Explore it does not.
post link: http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/galerias/
Images bellow.



Thank you.
Fabiana.
Thanks Yigit.
But how can i use that just on specific image or <div> ?
Thank’s, thats a bit more idiot proof. Unfortunately that didn’t work. In fact, it introduced some other bugs.
Enfold 2.2 is trying to set the width on the image to 296px, but is not setting the height, resulting in the warping. My logo image is 300x91px. Under Enfold v2.1 this scales to 257x78px, because the image scales to the container size (.logo img { width:auto;height:auto; } in base.css).
When scrolling a small amount from the top of the page, the width stays fixed to 296px but the height shrinks, distorting the image massively.
It did fix the logo size changing when resizing the window width above and below 1160px.
tldr;
If you’re going to set the logo size with js, I think you need to set both dimensions, and remove the auto in base.css. Also you need to fix the behavior when scrolling.
A question: Should my logo image be smaller?
Cheers,
Jason
Hi there!
Is there a easy way to hide the title of all images of the galleru on mouse over? or i will have to the delete the title of each image.
here is the link to my gallery: http://zenller.com.br/produtos/bobinadeiras-conicaleiras/
I will look at this…though not an ideal solution. Next up: Do you have a previous topic you could point me to on how to customize the sliders to include form entry elements, or should I start a new task?
Thanks for all the support – you guys are great!
Hi!
You can remove the sub menu hover with:
#top .main_menu .menu li:first-child>a {
border-top: none;
}
Regards,
Devin
Hey!
Please try adding following code as well
.avia-content-slider-inner .image-overlay { display: none!important; }
Cheers!
Yigit
Edited the code
-
This reply was modified 12 years, 6 months ago by
Yigit.
Hi Yigit,
Only half of it worked. So the images turned to grayscale, but when I hover over it, it’s still in grayscale and the yellow icon with the arrow appears.
I’d like it so the yellow icon with the arrow does not appear, and the images would just show their color when I hover over them.
Here’s an example at the very bottom of the page:
http://kriesi.at/themes/replete/?skin=Greyscale
Thanks,
Mark
Hi Carsten!
The thumbnail clarity issues is somewhat complicated. When you upload the images WordPress generates all of your thumbnails based on the theme settings (functions.php). So when you change those values you will need to re-generate the images.
For the thumbnails this should really be needed but I’ll take a look at that at the same time as the column issue.
Create a temporary admin account for me and I’ll log in and take a look at the columns issue since it could be quite a few different things.
Send the login data to my email at DevinVinson ( at ) gmail.com . Make sure to include a link to this topic in the email so my spam filter doesn’t grab it.
Best regards,
Devin
As far as I know Kriesi has not found a true fix for it. The changes made are such that it degrades to a static image on mobile which I believe is what Kriesi intends.
But he is working on putting out 2-3 updates a month on Enfold so I’ll add it as an issue to be re-addressed.
Regrds,
Devin
Hey!
The slider, like you have it there, will take up the full width of your browser. You just need to use images that are not as tall.
Regards,
Devin
Hi!
I fixed it – it was a bug in the shortcode code. I had to replace following code in config-templatebuilder/avia-shortcodes/image.php
$output = wp_get_attachment_image($src,'large');
with
$output = wp_get_attachment_image($src,'large',false,array('class' => "avia_image $class ".$this->class_by_arguments('align' ,$atts, true)));
We’ll include the fix in the next update.
Cheers!
Peter
I’d like to know how to add more icons to the icon set in the theme as well. Also the recommended size of the images.
Hello,
I have a few issues (I did quite a bit of searching, but must just be missing the answers):
1. I’d like to change just the heading nav in my Mega Menu to a different color (#707271) and have the roll over value be (#19458d). I’d also like there to be no underline on the hovers.
See image here: http://i1006.photobucket.com/albums/af188/mdgworld/issue_2_zps120fca33.jpg
2. I changed everything to left nav. I ran into the issue of everything being right justified and found the Quick CSS to make it left justified. But the dashes for the nav are on the wrong side of the words making the indents for sub menu items not work properly.
See image here: http://i1006.photobucket.com/albums/af188/mdgworld/issue_1_zps576be8c2.jpg
Thanks for your help!
Mike
Hello!
Please add following code to Quick CSS to remove post navigation
#top .avia-post-nav { display: none; }
and for blurriness, please follow instructions on this topic https://kriesi.at/support/topic/retina-images-and-fonts-in-portfolio-grid-theme-enfold/#post-164097 and let us know if they do not work for you
Best regards,
Yigit
I recently posted about having trouble adding images to gallery media elements. Sometimes I am able to add images but often I am not. I choose Add Images, add them, and they don’t insert into the gallery (no images are chosen and the first five images added to the site display). I am still encountering this problem and am experiencing the same issue just trying to insert a basic image into a text block. The problem is inconsistent, not happening always but frequently.
I have upgraded to 2.2 and am experiencing the problem on more than one computer in both Chrome and Firefox with extensions turned off. Thanks for your assistance.
Hi,
Great theme, except I run into a few bugs (?) viewing the site made with the ENFOLD theme in IE8.
My site is perfect in Google Chrome, but in IE8 it has some trouble showing some of the items on the homepage.
The site can be viewd here: http://www2.sun-fictorie.nl/.
The troubles are highlighted in this image
.
> The menu items are shown through the logo in IE8.
> The slider image is not working correctly in IE8.
> The buttons in theme color are not working correctly in IE8.
> All the way down on the homepage we have three Icon Boxes on a Color Section custom background image, as you can see, both the icons and the background image are not showing correctly in IE8.
> The Enfold Google Maps Widget in the footer (third column) is not showing in IE8.
> Also, the accordion and tabs Content Elements are not working in IE8.
Is this a bug in the theme or is it something else? I tried searching the support forum but I couldn’t realy find anything similar.
I don’t know how to fix it and I hope someone here can help.
Many thanks in advance.
Kind regards,
Dave
Hi pthurst!
You just need to add Slideshow Background Image in Fullwidth Easy Slider settings http://i.imgur.com/YSmv37Z.jpg
Best regards,
Yigit
Hi!
I updated the instructions above. I think I forgot to mention some code changes and it’s better/safer when you replace the entire code in avia.js
Cheers!
Peter
Tried applying your changes, no love :( You may want to check the tiperdev site to see if I applied them properly. Need some sleep now.