Forum Replies Created
-
Posts
-
One question, when I hover over the column the text has a text decoration. How can I get rid of this?
Hi Josue!
I finally tried this out and it works FANTASTICALLY. Thank you SO much for helping me out with this!!!!!
Hi Guys! I have the same question. I used the code that Vinnie provided earlier:
/*Pre Loader fix*/ .av-preloader-reactive #top .av-siteloader-extra{ display:none; }which worked but now the spinner goes from small to large because I added extra padding:
.av-siteloader { padding: 50px !important; }Is there a way to make it so that it doesn’t transition from small to large? Additionally, what is the css class I can use to target the pre loader logo?
Hi! That worked for the hover issue. Still can’t figure out the scroll to top issue though. Ive updated the user and pw below.
Hey Vinnie! I have one additional question that pertains to the fullscreen menu that you helped me with. I have the hover set as follows:
#mobile-advanced li a:hover { background-color: transparent!important; border:none; color: #c99a54 !important; }but for some reason the hover doesn’t appear unless you hover to the right of the menu items. Any idea why this is occurring? Take your time in your responses, no rush! Thanks!
Hi Yigit! Thanks for the advice. I’ve found an interesting preloader that I’d like to try implementing into my site. Here is the link:
https://ihatetomatoes.net/create-custom-preloading-screen/Before I start, do you have any advice on how I should implement this into enfold? Do I add the html within each page or into index.html? Would I be able to work solely within the child theme or would I need to add lines of code to the parent theme? Any input is appreciated, thank you! :)
Got it. Thank you for that, didn’t see that option.
I do have a question though, I have the boxed layout set to 2000px:
@media only screen and (max-width: 2000px) and (min-width: 768px) { .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header { max-width: 100%;} }but for some reason it still looks like certain elements are stretching past the 2000px mark on desktop when you maximize the screen, see link below. How can I make it so that all elements are contained within the specified width?
Awesome :) Thank you Yigit! How can I add a slight transition fade to it? It looks like the transition properties that are listed currently are not working.
Hi Vinnie! I’ve added it to the bottom of the child theme’s functions.php but it doesn’t look like it’s working.
Hi Vinay,
The code that you provided makes it so that you can see the #colorsection only in ipad portrait, but you can also see the body and header as well. In order to hide the rest of the page i’d need to create a separate media query to display none in ipad portrait, and that would be a pain to add that class to each element on every single page of my site.
I would like to use the code that Ismael provided above but the only problem with it is that it does not display the #colorsection due to the following line that hides the rest of the site: body * { display: none !important;}
If there is a way that I can have this line: #colorsection { display: block !important; } take priority over the one above so that it shows on ipad portrait that would be ideal. If this is not possible then that’s okay, i’ll find a workaround. Hopefully this makes sense. Thanks!
Hi Ismael! It looks like this code hides the color section as well. Is there some way to make #colorsection { display: block !important; } of higher importance than the body * { display: none !important;} ?
Hi Ismael! That worked great! Thank you very much! Is it possible to change the background color and/or add a background image to the boxed area?
Hi Josue,
Thank you for this! So this means that i’ll need to go into the parent theme’s functions.php files, correct? If so, I feel slightly uncomfortable modifying these files. Is there any css or html arrangement that would allow me to accomplish this same goal? Appreciate any input. Thank you!
How do I go about hiding the rest of the site in ipad portrait? Can I use
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { body { display: none !important;}}and then somehow make the #colorsection an exception?
Hello. It looks like that didn’t work either. I see that the class you provided in the css above differs from that of the class in the functions.php snippet, why is this?
I’ve added the
add_action('wp_footer', function() { ?> <div class='rotate-message'>Rotate</div> <?php });back into the child theme’s functions.php so you won’t need to enter that area. Thanks!
