Previously I asked how to change the CSS so when someone moused over the top main navigation that I could change what ever color of that bold rule to be other than the base color of the theme.
Enfold developers sent me this CSS code:
.header_color .avia-menu-fx { background-color: #e5143b;
border-color: #e5143b; }
But my client also see’s on her Mac a little “Arrow or Carrot” that is in the middle of the Rule.
I don’t see it on a PC using Chrome or Firefox
She sent me a screen shot of what she is seeing.
https://app.box.com/s/ftlbadb1n1af4yta7p4z
Using Firebug I do see the following code that does mention “ARROW”
.header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type=”submit”], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2 {
I was wondering if you could show me the CSS code that would change that ARROW to red?
Thanks in advance
Paul
Hi CivilC!
Please add Color Section element to your page under Layout Elements in Avia Layout Builder and edit that color section. Insert “Custom Background Image” and choose to display it fixed. Then add a Text Block element under Content Elements inside your Color Section element http://i.imgur.com/2SwCM6r.jpg
Cheers!
Yigit
Hey!
I have found your website from your previous posts and that site is using resizing header. If your current website is using a fixed header ( you can check it in Enfold theme options > Header ), please refer to my post here https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003 and change the height to 156px.
Best regards,
Yigit
Hi Yigit,
ok, I will ask here. Its about my logo.
When I upload my logo, it always appear really small. I am really confused. Even after I have shrinked my image size to 340X156, it always gets cut off. I do not know how to fix this.
I would like my logo size to be like this : http://www.acmena.com.au/
Your reply is greatly appreciated.
Thank you.
Hi chartier!
I believe its already been requested a few times in the feature request topic here: https://kriesi.at/support/topic/enfold-feature-requests/ as well as something we’ve talked about internally.
Best regards,
Devin
Please review these pages and you will see that there are still spacing issues:
http://startwishing.com/product-specs/
http://startwishing.com/
Am I better off reverting back to the previous version of the theme from last week when there weren’t any of these issues?
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
body .column-top-margin {
margin-top: 0;
}
body .container_wrap .avia-builder-el-last {
margin-top: 30px; }}
Best regards,
Yigit
-
This reply was modified 12 years, 2 months ago by
Yigit. Reason: forgot to add media queries
That makes them responsive but as I have said previously above it causes other issues.
“With the fix that you sent, the images from the first row get stacked tight up against each other when it goes to mobile while the images from the other rows all have wider spacing between them when they go mobile.”
There is a problem with the columns and the advanced layersliders. That quick CSS causes spacing issues between items. This wasn’t an issue prior to the update earlier in the week.
Hey!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
div .av_one_third, div .av_one_fourth {
margin-left: 0!important;
width: 100%!important; }}
Regards,
Yigit
Could you add an option, probably to the post editing Layout panel, to hide the featured image so it doesn’t show at the top of the post? I want to add featured images to all my posts so their thumbnails show up in various places, such as a block of blog posts on my landing page or in the You Might Also Like section at the bottom of posts. But I don’t always want those images appearing at the top of the post itself. Sometimes the images simply aren’t large or wide enough, other times they just kinda get in the way.
Thanks for any consideration.
Hey!
I have just checked your website and it looks fine. http://i.imgur.com/Gc6Ct0i.jpg
Only issue i noticed is on image on description tab and you can fix it by adding following code to Quick CSS in Enfold theme options under Styling tab
.js_active .grid-image {
opacity: 1;
}
Which version of WooCommerce are you using? There are WC related JS issues in console
Best regards,
Yigit
It is not working fine on my end. All of the images on those pages should be dropping down below each other when on mobile. Also the footer is still not responsive. This is all since the update a few days ago. I just installed the newest update and I am still having the same problem. Items in columns are only scaling down, not going responsive when there is more than one Advanced Layerslider on the page. Please advise, I need to get this resolved A.S.A.P.
Hey!
It is ok Jonathan! :) And custom CSS codes you have added looks and works fine. Let us know if you have any other questions or issues!
Best regards,
Yigit
Hi!
I have just checked the pages where you are/were having issues and it seems to be working fine now. Can you confirm that it is fine on your end as well?
Also, version 2.5.2 was released recently and has some small bug fixes. If you are having any other issues, please try updating the theme ( see http://kriesi.at/documentation/enfold/updating-your-theme-files/ )
Best regards,
Yigit
This reply has been marked as private.
Thanks again! You guys rock!
Hi!
1) Afaik it’s set to 100% by default. You can change the default opacity with this css code:
.av-masonry-image-container img {
opacity: 1;
}
2) No, not really because it depends on the screen size and the number of items. Even if you i.e. limit the number of images to 6 the number of rows may increase if there’s not enough space for 6 columns in the first row.
Regards,
Peter
Hi. I really need your help please, I’m pulling my hair out with this.
I’m trying to create a homepage with several fixed and scrolling images on the site http://internet-of-things.co.uk/ these images obviously need to be responsive to fit all host browses, If you look, you will see what I am tryting to achive (currrnt images have too smaller rez)
I’m using the below plugin to try and achieve this, plugin works fine in the twenty twelve plugin, but it will not work within Enfold. I really need to get this site out the door. Is there a way of getting this plugin to work with Enfold? if not, is there another way of using the standard enfold theme to achieve this result.
Image&Video FullScreen Background WordPress Plugin from here http://codecanyon.net/item/imagevideo-fullscreen-background-wordpress-plugin/5899703
Appreciate your help in advance.
All best
J
In the Demo site under pages, meet the team, about 3/4 way down the page there is a text box with The Office written in it. a fixed image of a city in the background as you scroll through the page, question is how is this done as I cannot see how this is created in the uploaded dummy data?
Many Thanks
This reply has been marked as private.
For #1, the code you gave me definitely works for the “mouseover”. Awesome! Thank you! But what about making the opacity 100% for the image-container in its normal state?
Hi!
Did you add the featured image on one post? Please deactivate all plugins, see if that helps. Update your Enfold installation, download the latest version on your themeforest account. Watch this video by Devin: http://vimeo.com/channels/aviathemes/67209750
Cheers!
Ismael
I removed the social icons from the theme options but as you can see in the screenshot a space is left there and the logo image cant expand.
I need to remove that space to the right of the logo . In the page inspector its mentioned as “noLightbox social_bookmarks icon_count_1”
No, still doesnt work…still knocks out easyslider & image blocks. I’ve deactivated it again. Woo Commerce version is 2.1.2
This reply has been marked as private.
Hi,
I have created a home page by adding 1 picture to each gallery and I have 7 galleries on home page. I want to link those images instead of the light box. I tried many alternatives but nothing worked. Please help.
Thanks in advance.
Wasim
Hi silviouk!
Please update Enfold to version 2.5.2. It should be compatible with WooCommerce 2.1.x
Regards,
Peter
Hi Mkieling!
The current website size is 2.1mb and you can try to reduce the size by removing or compressing the images. A good tool to reduce the image size is: http://www.obviousidea.com/windows-software/light-image-resizer/ which can reduce the quality of jpgs and pngs and you can also remove the exif data. You can also try to cache the database data and html code with: http://wordpress.org/plugins/w3-total-cache/
Regards,
Peter