Hi CasperBlack,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

.avia-full-stretch.avia-section {

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

I’ll tag the topic for Kriesi as well since it should be adjusted with the css hierarchy but this should provide a good interim solution.

Regards,

Devin

Hi hotshotzatl,

1) It depends on the instance of it. If its just inside your regular post or pages then you can add new css rules in your Quick CSS in the styling tab of the theme options. Eg:

#top h2{

color: #333;

}

I used the #top ID selector to make it a bit more specific but it may need to be adjusted specific to certain instances since the theme automatically sets colors based on the choices in your Styling options.

2) You would need to add in the css for it custom as there isn’t anything like that available as a shortcode with the theme.

3) If the html for it was placed in the footer.php and the div positioned absolutely yes it could probably work. It will just need adjustments added for tablets and mobile but we have some sample media queries for that in the custom.css file in the css folder of the theme.

4) The theme doesn’t use any images for the icons but instead uses an icon font for all icons through the site. So what you would need to do is hide the current font for the icon and then replace it with your own image as well as on hover.

For example:

#top .social_bookmarks li{text-indent: -150%;} /*remove the current font icons on all social links*/

#top .social_bookmarks li.social_bookmarks_facebook a {

background: url(https://yoursite.com/yourimage.png) no-repeat top center transparent;

}



#top .social_bookmarks li.social_bookmarks_facebook a:hover {

background: url(https://yoursite.com/yourimagehover.png) no-repeat top center transparent;

}

Regards,

Devin

Hi bartenderonduty,

You can use a color section with an image background set to fixed to get a paralax effect which I show an example of in this video: https://vimeo.com/channels/aviathemes/64927358

Additionally you can use the fullscreen Slider to do the same.

Regards,

Devin

Hi DoGrinDigital,

If you mean this page: http://kriesi.at/themes/enfold/features/ its a tabs element with the tabs positioned on the left. If you mean the one on the home page of the demo its 2 half width columns and one has an image slider with thumbnails in it.

Regards,

Devin