Forum Replies Created
-
Posts
-
Hello!
I’m having an issue with custom styling of my buttons and it not updating on my page.
Style notes for regular and hover include:
Border: 3px, black, 0px radius
Text: 16px, black, h4 font styling
Background: white
Hover Background: #f8f8f8The icons that I have set when hovered over are also getting cut off at the bottom and I’d like them larger in size.
I think it may be because I don’t have a child theme installed? Just the initial Enfold theme. I originally had a different theme that used WP-Bakery and it was such a pain that I started over and restarted my WP, wiping everything. When I tried to install the child theme, it wasn’t working (an error about duplicates or something) and I didn’t need to work off of a direct template anyway so I just moved forward with building my site.
I have them showing up on mobile in the content slider settings, but only for now :)
So check the About and Contact pages on mobile!Thanks for checking!
Strange, now that code works for the contact page toggle, but not the homepage toggle. XD
In both instances with just that code and when paired with the above code.Is this code specifically for the home page? It’s working for that toggle, but there’s another toggle on the contact page which is still having that issue.
Thanks for your continued assistance!
Thank you! I adjusted it slightly based on your earlier code too. This seemed to do what I liked, but is there a way to code the selected dot to be #085300 instead of dark grey?
#top .avia-content-slider-element-container .avia-slideshow-dots {
text-align: center !important;
position: absolute !important;
left: 23% !important;
}#top .avia-smallarrow-slider .avia-slideshow-dots a {
background-color: #ddd;
}#top .avia-smallarrow-slider .avia-slideshow-dots a {
border-style: none !important;
}That would make sense, thank you SO much Nikko for looking into this.
I’ll bring this up with HostGator instead. I hope you have a great day today!
Stephanie
Sure! The website is: https://pioneerautocredit.com/
And here is a screenshot of what I mean. The installed options accordion toggle has the blue underline from being “highlighted,” but now only on mobile.
https://drive.google.com/file/d/1LEC6RXoAAPztWwsg-2uJBYQ7viJSB4Hg/view?usp=sharingS
You may close it!
Dynamic content is just outside of my understanding.
I find taxonomies to be confusing so I reached out to someone on codeable.Hi Nikko!
Thank you for looking into this, I’ve attached the temporary login link for you in the private content.
I hope you’re doing well! And thank you for your availability.
S
Thank you, Rikard!
I altered it slightly to this code below and it looks just as I like it.
@media only screen and (max-width: 767px) {
.av-preloading-logo {
max-width: 80%;
max-height: none;
float: center !important;
}
}Thanks so much for pointing me in the right direction :)
I hope you’re doing well and thank you for being available during the pandemic!
S
Thank you both again!
I have another same instance but I am not sure if the code needs to be different.
If possible, I’d like to be able to have a code that I can use on all of my different client websites.Here is a screenshot of the default radio buttons from the content slider. They are pushed to the top right of the box with no space between each dot (making it hard to select individual dots on a phone) and the inactive dots are so faint you barely see them. I think the circles are a bit too large too making them look clunky.
https://drive.google.com/file/d/1ZqqVApiDsMD9QciepI2HSokBnmgCGwsL/view?usp=sharingWhile I’d like to customize the style so the radio dots are instead centered in the block at the bottom (but not too close to the edge). Id like them to be half the size with maybe 5 px of space between and inactive dots be colored 20% grey and the active dot be my theme color (#085300).
So something like this:
https://drive.google.com/file/d/13Rlp–XXiDSvM035L9OJdxJEkJWeHr5O/view?usp=sharingThese are mobile examples but hopefully, the code could work on desktop as well?
I greatly appreciate your time, and I hope you’re all doing well!!
–Steph
Oh my gosh, same! I’ve used Enfold 2017 for a few years but just recently got a new license for another site and noticed I have to use the arrow button on the keyboard when dragging a new element to the bottom of the page, whereas before, it would scroll automatically just by moving the mouse to the bottom edge of the browser. It makes adding new content elements from Avia builder much slower and super annoying.
Here are some screenshots showing as well for other viewers on this thread:
https://drive.google.com/file/d/1GzhCvl8x5hFqCsaEE_GGw8s_TEvSEe6Y/view?usp=sharing
https://drive.google.com/file/d/1jF9Jrps-9-plrBHslBHuVkiMlVjU11TR/view?usp=sharingHi, I’m not sure if this is the same issue, but I’ve encountered a problem with shortcodes showing at the top while having to scroll to the bottom to use the Avia Layout Builder from Enfold 2017.
Of course, this is a little annoying but even more so, I keep getting a message stating “This block contains unexpected or invalid content.” which causes the block to expand to show the entire page, so it takes forever to get down to the builder. Idk why this is showing and the front page seems to look and act completely fine. I tried to resolve it and then save the page once it’s corrected, but when I open the page up again, the error is back.
I think this also has to do with every page claiming “There is an autosave of this post that is more recent than the version below. View the autosave”
When I always save my page after making changes. But now even when I don’t make any changes, it acts as I did by asking if I want to save or leave.This whole experience is highly frustrating especially since the front end looks completely fine and unchanged, and yet everything that’s supposed to resolve these issues doesn’t actually “stick”.
If someone could please look into it, I’ll provide my login. I’ve searched on all the forums and tried to solve it myself but after a week, I really need your help!
Thank you in advance!!
–Steph
I’m having the same issue and none of the above code options are working.
My logo is still centered on mobile between the left edge of the phone and the burger menu icon, when I need it to flush left with the rest of my content below, so like 1-2% margin from the left edge of the phone.
Here’s a screenshot:
https://drive.google.com/file/d/1qC0psaFVjyy26NzzoQwwuOfurKrcusLp/view?usp=sharingIf it’s helpful to know, I have and SVG logo and here is some code I’ve already applied to it:
.responsive .logo img {
min-width: 355px;
right: auto !important;
left: -20px;
}@media only screen and (max-width: 767px) {
#top .logo img {
width: auto !important;
height: 100px;
}}Could someone please help me?
Thank you!
–Steph
Hi! I was having the same issue and your code resolved it on my laptop, but I’m still experiencing the issue on mobile. Is there a code for that as well? Thanks in advance!
Thank you so much Mike!
I see the buttons, and while it get’s cut off or disappears as the slide changes, I will see if I can fix with your code first before reaching out with any further assistance.
Thank you SO much again :)
Stephanie
