Hi Pedro,

I’ve tagged the topic for Peter so its in his queue. We’ve been pretty swamped lately so response times are a bit slower than the norm.

Regards,

Devin

Hi khalidmuharraqi,

You can remove the padding on the portfolio section and the footer with:

#top.home .template-page.content {

padding-bottom: 0;

}

#footer {

padding-bottom: 0;

}

Also make sure you fix this css in your custom.css file:

.responsive .container .twelve.units {

top: -49px;



} /*you don't have this bracket in your custom.css file right here and its causing an error with your css*/



/*

Desktop Styles

Regards,

Devin

Hi ravecomputer,

As I commented on your other topic this will remove the layerslider from working with the themes elements.

Regards,

Devin

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 Greg,

If that doesn’t work I would recommend having a freelance developer go through the file to re-organize the sidebar before the content and they will then be able to do any bug fixes or css adjustments that are needed.

Regards,

Devin

Hi Mkieling,

I’ve tagged the topic for Kriesi to take a look at again. Depending on his schedule it may be a day or two before he is able to respond again.

Regards,

Devin