Forum Replies Created
-
AuthorPosts
-
Thank you! I compromised by changing the arrows pink and lightening the grey that was behind them. I really REALLY appreciate the help!!
Thank you so much!! I really appreciate the help. I would love to have the arrow background be transparent and the arrows be #ee1d85. I tried to do this myself and only managed to either do nothing or make the arrows disappear.
If this helps, here is all of the Quick CSS that I can find about the arrows.
From the top:
#top .avia-slideshow-arrows.avia-slideshow-controls a { background: #a6a6a6 !important; } #top .avia-slideshow-arrows.avia-slideshow-controls a:before { left: -4px; }
From the middle of the file:
/* === STYLING SLIDER ARROWS === */ #top .avia-smallarrow-slider .avia-slideshow-arrows a { color: #ed1d84; } .prev-slide:before, .next-slide:before { background-color: transparent !important; margin-right: 15px !important; } #top .avia-slideshow-arrows.avia-slideshow-controls { width: 100%; position: absolute; top: 65px; transform: translateY(-50%); width: 100%; z-index: 999; } /* Right arrow*/ .avia-slideshow-arrows.avia-slideshow-controls .next-slide { right: 0 !important; bottom: -10px; } /* Left arrow */ .avia-slideshow-arrows.avia-slideshow-controls .prev-slide { left: 0px !important; margin-right: 20px !important; }
See private field.
Ok, what did I do wrong? :) I couldn’t find the code that you suggested to remove and added the one that you suggested to add and nothing changed.
This is the current CSS code that I have for the the sliders:
#top .avia-slideshow-arrows.avia-slideshow-controls a {
border-radius: 25px;
font-weight: bold;
font-size: 18px;
background:#transparent;
width: 45px;
height: 30px;
}I also tried to change background from #transparent to #a6a6a6 !important but still nothing.
Thanks again!
Yes, but I want the credit for figuring it out :) :) :)
I was reading through other posts and they mentioned deleting css and problems still appearing… so I deleted this and it seemed to fix it:
@media only screen and (max-width: 454px) { .html_header_top.html_header_sticky #top.page-id-1471 #wrap_all #main { padding-top: 126px !important; } }
I’m guessing I put that in there to fix something else? Does that sounds right?
All fixed! Thank you!
Hi – I took your “somewhere else” suggestion and found it in site identity under customize. It’s gone!
Now, definitely solved (until next time, of course :) )
Thanks again!
ShariWait – I’m still seeing a call to the incorrect icon in my GTMetrix waterfall on my home page – do you have any suggestions for me? Also, do you know why the favicon is taking so much time? Or does it not matter because this is the last thing that it loads and should affect my TTFB, etc, etc.
Thanks!
ShariWoo hoo! It’s fixed! Thanks for the clear and simple instructions :)
May 1, 2022 at 12:12 am in reply to: Top of page hidden by header ribbon on mobile – but only on one page! #1350097YOU ARE THE BEST.
Thank you – all fixed!
I ended up optimizing the site – thank you for your help!
ok – I had wondered if there was something built in, but I guess you can only do so much! Thank you!
Thank you so much! It’s fixed!
Fixed! Thank you!
Ugh, I don’t think that I realized that would affect the button – yes, definitely the simple way!! (as I’ve said many times, rookie mistake!) I did use that.
Is there any way to not have any animation at all and just have the button appear with the image?
Thanks so much!
ShariHi Nikko-
Thanks – It seems to be working fine now but I have too much space between the hero image and the ribbon at the top – how do I make that white space smaller?
Thanks!
ShariHI Ismael,
It could be that – and chances are the user will take a moment to orient themselves – and won’t have the issue. Is there any way around this? If not, consider the matter closed!
Thanks,
ShariPlease close it, but know now that I’ve got these two in sync, I’m going to be making other updates, so I’m sure more questions will be headed your way :) :) Thanks again!!
Well… darn it. I was in incognito (in Firefox) and I thought that was enough. I should have checked another browser! I cleared my cookies…. and all is well.Definite rookie mistake. Solved. Thank you for your help!!
Shari
Thanks for reviewing this, Mike! I may not have put the right code on there, but the issue is with the ribbon. I got the code to fix it in https://kriesi.at/support/topic/header-issue-with-4-8-5/.
Here’s what I’m seeing:
Prod site (showing correctly):
Test site (not correct):
The ribbon is higher on the test site, but only on the /cart/ pages.
Hopefully that helps!
Thanks,
Shari-
This reply was modified 3 years, 9 months ago by
sldeutsch.
Hi – thank you so much for this (sorry for the delay….) – it did exactly what I wanted! I appreciate the help!!!
Sorry for the delayed reply – I got caught up in other updates to the site (I’m sure you’ve been there, done that!) Thank you so much for your help!! :) I’m all fixed now!
It worked but it’s still off a tiny bit – what number would I adjust to fine tune it?
Thank you!!!!
Thank you – this helped with the magnifying glass, but it pushed the ribbon down too far. see https://staging2.thestrapsaver.com/cart/ vs. https://www.thestrapsaver.com/cart/
Any thoughts?
Thanks!
ShariWhat the WHAT?!?! :) I will review how you did this and hopefully be able to apply it to my prod site. I’m marginally giddy right now. I can’t tell you how much I appreciate the help that both of you have given me. I’ll give it a try tonight (stupid day job) and let you know how it works. Hopefully this will help me learn how sort out the issues on my other pages, too.
Thanks for sticking with me and my lack of knowledge (we might not be out of the woods yet, but I have faith in my own skills from here…..)
More to follow!
June 11, 2021 at 3:08 am in reply to: Layerslider loading last – how do I get it to load first? #1305151Hi @mike,
Thanks for the code changes – I keep thinking that I should just learn some basic CSS myself to get this stuff done. I did put a request out on codeable…. do you know of a good tutorial for defining container height with CSS? and, potentially stupid question – how do I know what the height should be?!?!
I did try to remove lazyload but I didn’t have any luck with that. I hate the idea of adding another plugin, I have worked so hard to ditch the ones that I have… but if it doesn’t slow things down and makes google happy, I might just do that. I keep seeing code to add to images to preload them (link rel=’preload’) but for the life of me, I can’t figure out how to implement it. See #9 in this article: https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/
I really appreciate all that you’re doing to help me!
Thanks,
Shari@ThinkJarvis – I thought you were part of the support team! I had no idea! Thank you so much for all of your help and insight. I really appreciate it.
@ismael – I did a compare of the CSS and still didn’t understand exactly what changed. If you could help me out with that, it would be a huge help. (or is it documented somewhere here and I missed it?)@Thinkjarvis and @ismael: can you share the right code that you put in my site?
-
This reply was modified 3 years, 9 months ago by
-
AuthorPosts