Forum Replies Created
-
Posts
-
Hi,
I fixed the issue using the margins of the different sections. Thank you for the amazing support!
Best,
AntonHi Mike,
This works fine. However, when using this code, it only selects the images with the links. If I use the following code:
.avia-image-container-inner {
box-shadow: 0px 0px 20px #D9DCDE;
}
.avia-image-container-inner a:hover {
box-shadow: 0px 0px 10px #CACDCE;
}
when I go with the mouse over the image, the shadow gets bigger and not smaller. Is there a way to use a code which is only for the images without links? The end goal is to have shadows on all the images and hove effect only on the ones with links. I guess the code will be something like that (but the first part should select only the images without links):
.avia-image-container-inner {
box-shadow: 0px 0px 20px #D9DCDE;
}
.avia-image-container-inner a {
box-shadow: 0px 0px 20px #D9DCDE;
}
.avia-image-container-inner a:hover {
box-shadow: 0px 0px 10px #CACDCE;
}Thank you in advance!
Best,
AntonHi Victoria,
Thank you for the reply. This is the menu that I referred to. However I want to have the default menu, but after scrolling down I would like to add the drop shadow (to the default menu).
Best,
AntonHi Ismael,
Sorry for the late reply. I tried using this CSS but unfortunately it does not work (nothing changes).
Best,
AntonHi,
Thank you, you can close the topic. And for the ones interested in the topic, this is another CSS that I added to change the font color after scrolling down:
#top #wrap_all .av_header_transparency ul:first-child > li > a {
color: #ffffff;
}Best,
AntonHi Rikard,
I found what the problem was. There was a CSS code interfering with this one.
Best,
AntonHi Ismael,
I used the code in this form:
.page-id-287 #fullscreen_slider_0.avia-builder-el-0 {
height: 480px !important;
max-height: 480px !important;
overflow: hidden;
}And it works perfectly. Thank you very much!
Best,
AntonHi Victoria,
The same issue occurs when using this code. Is there something else that I could try?
Thank you in advance!Best,
AntonHi Rikard,
I found an alternative. It is not exactly what I was looking for but happy with the result:
#header_main:hover { background: rgba(255,255,255,1); }Best,
AntonHi Mike,
Thank you a lot! It worked using the following code
.page-id-287 #fullscreen_slider_0.avia-builder-el-0 {
height: 480px !important;
}However now when I open the page and thew fullscreen slider still has the original height (when loading the page) and after I scroll down the height changes to the custom height. How can I fix this?
Thank you in advance!
Best,
Anton
