Hi Yigit!

I am in fact using advanced LAyer slider. it is working beautifully but this is the only thing I need to change. the image I am trying to change or have appear on hover is the menu item called film portfolio. you will see when you browse the page that this item is on the top left, when you hover over the item another image presents itself giving the impression that the menu item or picture is changing color.

Hi Yigit!

Awesome! I did the same thing for the accordion element and it worked beautifully! Thanks again!

Ben

I added the code in the functions.php file, I can see the section “Custom CSS” under the “styles” tab next to the Attributes tab. Do I remove the code from the General Styling Quick CSS section and enter this code in the Custom CSS section under Styles for the layer? I’ve tried a few combinations without success. Thank you for the help, also the code listed above has no mention of “hover”. Will it still have the same effect?

Thanks!

Hi Yigit,

I’ve created a new duplicate page with the Color section (changing background to image) http://www.alextomaszewski.com/test and it looks great, but now the problem remains with the links. In my earlier topic listed HERE you explained how to make my layers “glow” or change background upon hover. What element would I need to use to be able to do the same thing with a color section? I am unable to insert the advanced layer slider inside the color section which makes it impossible for me to place the layers on top of the writing in the background to achieve the same result as above. , so what can I do instead?

That works beautifully Yigit!

Thanks again!

Hi Rikard,

I did try the 1/2 element. Take a look at what it looks like on the backend:

http://alextomaszewski.com/wp-content/uploads/2015/04/dashboard-layout-support.png

I have tried using a combination of the whitespace tool and the different layouts to get what I need but it’s not really working out for me. There’s probably a better of way of doing this for sure. Thanks for the feedback.

Again, this is what I want it to look like:

http://alextomaszewski.com/wp-content/uploads/2015/04/example-for-support.png

Thanks!

Ben

Hi Elliott,

I removed the box layout and put it to stretch across the whole browser, that seems to have fixed 90% of the problem. Now the only problem is that the right side of the page has a new background image. How do I get the background to stretch across like its suppose to, not like this:

http://www.energyzone.ca

And I don’t know where to go to remove that CSS above. The EDIT CSS section is blank, there is no code there. Where should I go to do this?

Thanks again!

Ben

I found code like this:

.transparent-style{
background-color: #ffffff;
opacity: .4;
}

but not sure how I would go about using that with this new custom css option.

Thanks.

That worked beautifully! I guess the limitation is that we can only have them redirect to one page all the time, if they click on a different author it will still link to that page as well?

Either way, thank you so much!

ben

Hi Elliott,

What I am trying to do is shown here:

http://energyzone.ca/wp-content/uploads/2014/12/screenshot.jpg

Where you see the text “Best Value” and the paragraph underneath, this is a simple text box that I am using. Instead of having to include the black shadow box as part of the background, I would like a black shadow box to be the background for my text box. This way everything would resize properly on all devices and screen sizes.

If I were trying to change the background color of a text box to say white, there would be a code for that I would imagine. In this case, I am looking for the code for a shadow box. I hope this helps clear things up.

Thanks again!

Benjamin

Hi Ismael!

Thank you so much for your quick response!

This code works beautifully! But how do I change the color of the title? Thanks! The color code I want to use is:

#4abee0

Thanks!

Ben

Thats excellent!

Very useful indeed! Now the only thing left is to be able to spread the menu items across the top. How do I customize the px distance from right or left in the header. I know it is currently set up to the right, but I would like it to align beside the logo and go toward the right. Like the original picture.

this is the last item for this I promise! You are most appreciated!!!

Thanks again!

Ben