I Tried this code but changes all the image containers of theme from grayscale to colour on mouse hover:
#top .avia-image-container img { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .6s ease;}
#top .avia-image-container img:hover { filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none; }
I want to change only the container images of an specific page with id: 3257.
Could you help me?
Thanks very much.
PS: I’m working in local.
Hi,
I’m trying to figure out where the title/breadcrumb bar is when using the layout with them menu and logo on the left side.
What I’m trying to do is to have it on the top like it is in the layout with menu and logo on top. (See attached image)
Thanks in advance :-)
Jesper
Sorry Yigit to come back on the update problem so late, but I had to do urgent graphics works!
I have downloaded the installable WP file for ENFOLD and had it unpacked and saved.
BUT: I received an error message in german translated into english as follows:
“The archive could not be opened. It could be corrupted”
So there is something wrong with the file?!
My intention was it to update the theme via FTP as it did not work properly via WP Installation, but I stopped it.
Please advice if there could be something wrong. If you need any further I am at your service
Thank you in advance and best regards
Gerhard
Background is not fixed on iPad
(do not use an emulator as a testing device …needs to be an iPad)
Similar to
https://kriesi.at/support/topic/parallax-scrolling-and-fixed-images-ipad/
Same example, used above, of functional fixed background passes test
http://confitdemo.wordpress.com
Please remember, this happens when viewed on mobile device ( for example- iPhone 6s) as desktop is completely fine.
For the first three people links are clickable, but for Casey’s neither link for the website nor the button do not respond to a tap.
As far as the button (“learn more”) its on the home page towards the bottom of the page
thank you
That is the line of code I put in my original question. I guess I am asking is it better to but in that line of code rather than use the Advanced Styling H1-H6 option ? as it seems the Advanced Styling is stoping me from then individually changing font sizes.
Hello. Can I kindly ask you to read my previous post again? I don’t want to set this search bar on left. I need to make it work like regular search bar in sidebar, just on top of a page. Please have a look again.
To sum it up:
1. Wider search form (it would be great to set it as responsive value like %). Min width 300px or so.
2. Hiding search results are not working when I click outside search field. They stay until page is reloaded.
3. Right now, on mobile devices (tested on iPhone 6s) search field is smaller than search submit button.
4. I can’t center it properly. I have right now something like left: 42%. It works but Im not sure if it is ok.
Right now everything is done on polish language (PL). So inside admin panel please switch to polish. Later on eveysthing will be copied to other languages. Your language for account is set to english.
All CSS rules are in General Styling tab (PL) at bottom of CSS field. Code that you provided is located in functions.php.
Thank you!
Hello wonderful Kriesi team!
I would like to change the color of the top bar where I have placed social media icons and the phone number. I do not want it to affect the color settings of the logo & menu area, just that top bar.
Currently it’s black text/icons on a white background, and I’d like it to be white text on a black background for both full and mobile versions. Shortcode would be great so I can just plug it in quickly.
Thanks in advance!
I’d like to add top level shop categories in my main menu instead of having “shop” and then all categories in a mega menu. So instead of having Home/Shop/blog/Contact I’d like to have Home/Shop Category 1/Shop Category 2/Shop Category 3.
Can you please help?
Hi Sarah,
Thank you for responding.
On the home page, I added “Bldg 13” to the address and changed office hours on all 3 days. After clearing cache on laptop and mobile devices the same errors on mobile devices are now showing on laptop. On the “Home” and “About Me” pages all changes were made on laptop and tablet. On the other pages, on all devices some pages show one change but not the other or don’t show any changes.
Thanks Mike.
I only had the scripts you provided in this topic in the quick CSS field.
I wasn’t doing any font/colors styling there.
Hey nickgin,
Am I correct in understanding that you want to hide ALL these images in the SEARCH PAGE ONLY? If so, please use this code instead:
#top .template-search.content .entry-content-wrapper img.size-full.wp-image-913.alignnone,
#top .template-search.content .entry-content-wrapper img.wp-image-744.size-full.alignright,
#top .template-search.content .entry-content-wrapper img.size-full.wp-image-740.alignnone,
#top .template-search.content .entry-content-wrapper img.alignnone.size-full.wp-image-695,
#top .template-search.content .entry-content-wrapper img.alignnone.size-full.wp-image-915 {
display:none;
}
Please let us know if you need further help.
Best regards,
Sarah
When I make changes to the footer in Appearance – Widgets, the changes only appear on the Home page. They do not show up on other pages in the web site. This is happening on mobile devices only – tablets and cell phones. The changes do appear on all pages when I’m using my laptop. I have cleared the cache on mobile devices and the changes still do not appear on any web page except the home page. Please advise.
Hello.
The footer area for Facebook does not seem to work any more.
I got 2 licences and 2 websites and they do not work on any…
Cheers,
Thank you
Hey Marnie!
You can simply add Color Section element to the top of your page and set your image as custom background or you can add image element into that color section element and change its container width to 100% by referring to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ :)
Cheers!
Yigit
Hello Sirs,
How are you?
I am trying to not display some image elements in search results page, but to not disappear from single product page.
My CSS code is:
#top .template-search.content .entry-content-wrapper img.size-full.wp-image-913.alignnone, img.wp-image-744.size-full.alignright, img.size-full.wp-image-740.alignnone, img.alignnone.size-full.wp-image-695, img.alignnone.size-full.wp-image-915 {
display:none;
}
and works fine, but that element “alignnone.size-full.wp-image-915” is disappearing from single product page too.
search results page: https://prnt.sc/foqw68
single product page: https://prnt.sc/foqwq1
Url: http://zoomit.gr/wordpress_2/store/lg-43lh500t-tv-43-led-full-hd-200-hz/
Thank You in advance.
Best regards,
Nick
Hi!
Please add following code to Quick CSS as well
#top .av-flex-placeholder {
width: 2%;
}
Cheers!
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .social_bookmarks li a {
font-size: 20px;
}
Best regards,
Yigit
Hi Victoria,
thank you for the reply.
If I add products to the cart, the basket doesn’t shows. If i try on other computer, it works fine.
I found out, that the problem appears, if I try to add products with my laptop with resolutin 16:9. Another computer has a resolution cca. 10:10 and the basket icon appears fine.
On laptop I think the basket icon appears right – out from screen.
Any ideas how to solve the problem?
Hi Florian,
Have you tried it like this, without animation?
$('html,body').animate({ scrollTop: target }, duration);
Best regards,
Victoria
Hi Maciej,
@rimlightstudio
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 450px) {
#header_meta nav {
float: left;
}
#top #header_meta nav #menu-item-search {
float: left;
width: 100%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 450px) {
.responsive .content {
padding-top: 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
A while ago you’ve given me advise how to show categories in portfolio (when using avia layout builder), see https://kriesi.at/support/topic/show-categories-and-tags-in-portfolio/#post-673578.
Could you give me the same for showing tags in portfolio please?
Thanks & regards,
Monique
Ok thank you
but like this the slider moves down but with a white space in top and not black as it is in all the other pages
Best regards
Mauro
Don’t worry, I worked it out!
Is this code okay?
.kgg-desktop-slider .slideshow_inner_caption {
height: 70%;
width: 100%;
}
Hey there!
i’m working on my homepage and i chose to insert the easy slider on the top of it.
It works good on desktop but when i look at this page on my mobile the images in the slider are cropped.
Can you tell me how can i fix it?
Tnx
Mattia
Hi Victoria,
I appreciate your help on this topic.
Please open the link to see how it looks after your css code was added. For some reason variations are still not centered.
Thanks,
Frank