Hi, you’ll see with the Partner/Logo Element that when I add links to the images, the empty background area of the element shows the set alternate color. You can see what I mean here: http://imageshack.com/a/img23/1912/e6z5.png
How can I customize the Quick CSS to remove this color so that it’s the same as the main content background color? In other words, I want to change the part that is red to the dark gray colour of the main background.
Thanks
Hey!
Please update to Enfold 2.4.3 – I think Kriesi released the update today and it should contain the fix I posted in my last answer. If the issue still persists we’ll check the css code.
Regards,
Peter
Hi Guys!!
Thank you for your ongoing rapid support! :-). On my website I used the following code to make my image larger:
strong.logo {
height: 340px; weight: 156px;
}
However, the logo now overlaps the main slider image. I used the CSS rule “padding-bottom” to push the logo up but unfortunately the logo shrinks and does not retain the dimensions “340 x 156”.
Kindly help me with getting the logo in the right place whilst also maintaing the dimensions of the logo I desire.
Thanks!!!
Hi!
Create two custom link in the Menu (both sites) and put them a class of .flag-x and .flag-z. after you done that reply back to this topic so we can try to add the flags with CSS, also provide us with the images you want to use as flags.
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
.grid-image.avia-hover-fx {
pointer-events: none;
}
Cheers!
Josue
Hi,
Can you create an administrator account and post it here as a private reply?
Regards,
Josue
Just a demo … http://adventurer.webhost4life.com/ef2/sales/
It will be 2 columns wide. Basically, I want a dynamically generated gallery that has the image and the title underneath. This data originally comes from a portfolio item (new listing) and when’s it sold, I change the featured image and change the category. This populates the recent sales page but I don’t want it to display any additional information (no link). Worst comes to worst, I can create a static table but I’d like to simplify it.
Thanks.
Marshall
wonderful! thanks so much! :)
Hi Lilipie!
1.) I know it is doable but I’m having a hard time getting it. Use the .image_size_widget .news-thumb selector. Please experiment with it, refer to this link: http://jtauber.github.io/articles/css-hexagon.html
2.) You can use this on your custom.css or Quick CSS:
.bottom_nav_header.social_header #header_main .container{height:44px; line-height: 44px;}
Adjust the height and line-height if necessary.
Cheers!
Ismael
This reply has been marked as private.
Hi,
I have a site that is using the fullwidth sliders a lot. What is happening is that after the first rotation, one of the images automagically shortens in height about 20px. I cannot figure out how to keep it from doing it, and why it’s doing it.
It is a password protected site so I don’t want to post the URL publicly. Can’t see how to do a private message…
Thanks for your help…
Scott
Hi!
Please try using following code
.avia-builder-el-2 .image-overlay { display: none!important; }
That should do it
Regards,
Yigit
i like hiding it for the (free design help, free set up….) image.
but the blog images below i like having it for :)
Hey!
If that does not work as well, please create a temporary admin login and post it here privately so we can take a look
Cheers!
Yigit
ok so that didn’t work either .I’ll try the custom.css file
Hi,
I followed with interest the support reply #198786, and found it useful. But what if I want to fill the entire sidebar with a different color or background image than my main content area. Right now, the color is behind the widget content only using your suggestion:
.sidebar_right .widget{
background-color:#bbc1c7;
padding: 20px !important;
}
If I use more padding, then the widget content gets squeezed. The site is http://www.glennbrassington.com. Thanks for your assistance!
-Pelyon
Hi pc37075!
On which images would you like to hide it?
You can use following code to hide it globally
.image-overlay { display: none!important; }
Regards,
Yigit
Hi!
It seems like code is not being applied. You can try adding !important to the same code to force it
.team-img-container img { float: left!important; }
You can try to add the code to Custom.css file inside Enfold/css folder if still does not work
Best regards,
Yigit
I copied it directly from your text above and inserted it in the Quick CSS in the theme under styling, no changes. Still have the same problem
Thanks, I’ll give it a try!
Hello,
At the bottom of some of our blog posts, there is a ‘you might also like’ section to recemmond other similar posts. How do we turn that on and off?
In additon, we imported our blog to your theme and the featured images will not populate? Please advise.
http://chicagoweddingblog.com/
Thank you and love your theme!
Hey,
This theme is the best yet!
Im adding some images to my site and linking them to other pages.. Some of the images i link i don’t mind the hover over arrow that shows up, and some images i would like to disable this feature. Any tips?
My site: http://takeholdprinting.com
There are only 2 in the dummy data. If the images didn’t upload there could have been an issue with the permissions on the initial upload or just in importing the images.
You can re-add them in yourself by opening the theme folder you downloaded from themeforest and then inside open config-layerslider>LayerSlider>sampleslider . You can then add them in to the slides as needed. It doesn’t give you the already created slides but it does give you access to the images.
I believe the only way to re-add in the slides would be to re-import in the dummy data but that would re-set any theme options you’ve already modified.
Hi Peter,
Many thanks for your reply.
I tried your code change, and the expected url contained within the custom field was not applied. Instead received
<a href="Array"><img /></a>
Seems to see the external_url as an array. Hmm … Any thoughts appreciated.
kindest regards,
PPCHound
-
This reply was modified 12 years, 4 months ago by
PPCHound.
Hey Lilipie!
You’ll need to also increase the height of the header so that the image can expand to fill the area. Start with:
.bottom_nav_header.social_header #header_main .container {
height: auto;
}
You could switch to a specific height if you wanted but you may not need to.
Best regards,
Devin
Hey,
please, how can I change the height from the images you can see in our Multiauthor-Blog ??
The width should be 100% like it is now, but the height should have just a maximum value of 200px. It would be awesome if the image will be cut out vertically from the middle..
If I set a new height with css to 200px, the image just will be compressed, and that looks not really nice..
Or is it possible to set another preview-image for an article on multi-author-blog, than the post-image?
What are the best sizes to integrate pictures into Posts or as Post-Image, Galleries, Portfolio, Team Member and Portfolio Ajax Gallery? Found nothing about it in the documentation..
Best regards
This reply has been marked as private.
Hi Peter, thanks for your support, however that killed the image slider at the home page, so I have reverted it back to the original code. Is there any other way around this? thanks!