Hi chronospd,

Is the laptop touch screen enabled by chance? It sounds like its telling the browser its touch capable and to ignore hover effects. I’ve not had any experience with the hardware yet but its just a guess based how popular they have gotten for manufacturers recently.

For #3, can we see an example of the page/sliders? It’ll help make the css a bit more specific and not accidentally hit any other slideshow elements.

Regards,

Devin

You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)

Hi italiatiles,

You can target the home page alone using the .home selector in your css.

For example:

#top.home div .av_one_third {

margin-left: 2%;

}

Regards,

Devin

Hi wss310,

How are you trying to set it now? What should work is creating a new page named “Blog”. On that page in the editor switch over to the Advanced Layout Editor and then add a single 1/1 layout element. Now add a Blog element inside that element and select all the categories and display options you want for the blog page.

Now on the right hand side of the editor there is a meta box labeled “Layout”. Choose the sidebar side you want from the first dropdown and then from the Sidebar Setting choose the “Sidebar Blog”.

After saving this page will have the blog content and the sidebar widget from the sidebar blog at the top and then the other widgets from Display everywhere and pages after (since WordPress has cascading widget areas).

Regards,

Devin

Hi artistic24459,

Your original rgba color code is incorrect because its rgba and you don’t have an alpha value. So it should just be rgb.

The icon is a font so if you want it larger you just increase the font size (its the best thing about using font file for icons!).

For example, this gives you a gray overlay with a giant icon:

.image-overlay {

position: absolute;

background: #333;

z-index: 500;

height: 100%;

width: 100%;

opacity: 0;

filter: alpha(opacity=0);

}

.image-overlay .image-overlay-inside::before {

content: "E744";

font-family: 'entypo-fontello';

font-size: 120px;

font-weight: normal;

}



.image-overlay .image-overlay-inside::before {

position: absolute;

border-radius: 50px;

background: #000;

height: 80px;

width: 80px;

line-height: 80px;

left: 50%;

top: 50%;

margin: -40px 0 0 -54px;

z-index: 500;

text-align: center;

color: #fff;

}



a:hover .image-overlay .image-overlay-inside {

-webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

-moz-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

-o-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

}

I included the animation just so you can have it as a reference. If you wanted everything to only effect the portfolio on that page you could use the page ID selector as a prefix to your other selectors.

Hope this helps.

Regards,

Devin