Forum Replies Created
-
Posts
-
Hi Mike. That works a treat .. thank you !
These items are still outstanding :If you go to the URL below …..
1. There is a large gap between my header text and the main body of the page. Is there a way I can reduce this gap ?
8. Can the label “SUBTOTAL” in the mini cart drop-down be changed to say “TOTAL” ?
and lastly :
when you “Proceed to Checkout” and you have multiple items in your cart, the system shows alternating lines in different colours per this image below . Any way it can be in just one colour (black) ?
“2” is now also resolved with this code which I found in this forum
/* woocommerce shop page remove sort options and products to display dropdowns */
.sort-param.sort-param-count{
display:none!important;
}.sort-param.sort-param-order{
display:none!important;
}Hi Mike
That worked perfectly. Thank you !
Did you find the code that set the padding to ZERO ?
IvanHi
I cant disable the entire Jetpack plugin but I have disabled all the “performance” features
I disabled Jetpack Boost
I disabled Page Optimiser
Cheers
IvanHi. My site is hosted by WordPress themselves
I can disable all the caching in the jet pack plugin and the jet pack boost plugin if you like
Would that help?
Ivan
Hi
To be honest, I am not 100% sure I know which plugins I have perform caching…..or how to turn them off.
My site is still a WIP with not that much traffic so I have included an admin login for you below.
Disable whatever you feel is necessary…..just as long as you re-enable after or if you don’t for a particular reason, let me know
Thanks a lot
IvanHi Mike
Interesting. I searched my “quick CSS” as well as my theme editor and I do not see that CSS anywhere in those areas
Where else might it be ?
IvanUPDATE
I have managed to fix the problem on the CHECKOUT and CART page with a workaround
However I have no access to the PRODUCTS page so I cant do the same
So my only issue remaining in this thread can be seen of you click on the link below using a mobile device
The product image appears under or very close to the menu/header
To be clear, I don’t have access to the PRODUCTS page to modify it
I think I can fix the CHECKOUT and CART pages with a workaround
Thank you for your invaluable help ! It all works well
I have a few other questins but I wil start a new thread.
Ivan
Hi Ismael. Thank you . It all works well !
With regards to “5” which is teh styling of the elements in the mini cart
– when I mouse over a product in the mini-cart, the mouse-over colour is dark grey. How do I change that colour ?
– How can I add a thin border around the cart ?Thanks for your help !
Ivan
Hi Nikko
I don’t quite follow what you are saying above but I removed my code and inserted this :
#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .av-main-nav ul {
background-color: transparent;
}#top #wrap_all .av-main-nav ul > li:hover > a {
background-color: rgba(255,255,255,0.5) !important;
}…and that has worked !
Thank you for your help
Ivan
Sorry…
Hi
if you go to mdaboutmara.com you will see the caption and text are shifted to the right by the code above
I would like the button “Join me on Safari” shifted to right too
Hi
I tried that and it omly half worked
When I applied this code
#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .av-main-nav ul {
background-color: transparent;
}It kind of did what I wanted on the sub-menu … but it resulted in the menus and logo’s shifting from near the edges of the screen (left and right) towards the middle
Hi
That didn’t work.
I have this code to make the sub-menu transparent…perhaps that’s why your code doesn’t work ?/* Transparent sub-menu */
.header_color .main_menu .menu ul li a, .header_color .main_menu ul ul {
background-color: transparent!important;
}Ive seen other sites (maybe not Enfold) where the sub-menu is transparent but there is a semi-transparent background colour on hover
Tx
IvanHi
I contacted Layerslider support and they were able to provide me with asolution
You can close this
Thank youHi. I did try adding an animated arrow at the bottom of the image that works perfectly (exactly like fullscreen slider) when I preview the slides in Layerslider interface
However, when I publish the project and preview it, that layer does not display…and I cannot work out why not. Everything ese works fine
Hi
One thing. If you go to my website on a mobile device and scroll upwards, you will see that there is a bit of a jump or “stutter” … ie the scrolling is not smooth
Is there any reason for that…and any way to fix that ?
Tx
Hi.
I found this code and added it.home .header_bg { background: none !important; }
This has completely resolved the issue I was facing :-)
I realise now that what I was trying to do was to hide the background image from certain pages…not make it transparent
So sorry about that !
Ivan
Hi Nikko
Thank you so much for the compliment ! I have wanted to build a website of my images for many years but have never had the time. I knew nothing about building websites 3 weeks ago so it was very hard at first but thanks to Enfold product, the support forum and direct help from Kriesi staff like you, I have learnt a lot. Take a look at my site using a PC/Laptop. It’s better to view wildlife images on a bigger screen :-)Remember that this issue I have with transparency not working when I have a background image in header is only on a mobile device but I have found a work-around as you can see. Everything works fine on a PC.
If I understand what you are saying, I can target transparent headers for mobile devices on specific pages
If that is the case, I only need transparent header for mobile device to work on the HOME page.
If I can get code for that to try on the home page, then I can test it myself
If it can’t be done, it’s no problem. My work-around works as you saw
Hey Nikko. Glad you can’t see anything wrong because it means my temporary workaround is working :-)
… but my problem is not resolved
When I use this code :
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent;
position: absolute!important;
}}… then transparent header works on mobile device as long as I don’t use a custom background image.
I need a custome background image because on a couple of pages on my website I dont have transparent header enabled
So, is there additional code that I need to insert that makes the background image transparent when page header transparency is enabled ?
It all works fine on a PC
Thanks
