Hi soulfabrics,

That is actually a pretty tall order. The theme uses media queries at a few different pixel widths to change the css for certain elements. What you would need to do is add the margin: 0, padding: 0 declarations to the needed selectors for each responsive adjustment with new media queries.

You can see an example in the custom.css file where we’ve added the basics for tablets, desktop and mobile.

So for each case where you don’t like the margin, you would adjust the margin or padding or container for large desktop size, regular view, tablets, mobile and possible small mobile (under 350 or so pixel width) depending on how the margins are inherited.

If you aren’t comfortable with that level of css customization I would recommend looking into a freelance developer and having all the changes added to a child theme style or at the very least the custom.css file.

Regards,

Devin

Hi progenki,

First, please don’t self bump or just respond with question marks like the above. Our queue system works by the oldest posted response within a topic so each time you do that it just puts your post to the end of our queue.

For your issue, it sounds like its either a caching issue or a permissions issue on the file the theme creates to store all the css from the styling tab. Make sure the avia folder in your uploads folder has at least 755 chmod permissions as well as the file inside it.

Regards,

Devin

Hi,

Please add this css to you /css/custom.css file OR to Quick CSS located in enfold > (theme options) > layout styling at the bottom of the page: (change 50px

.av-special-heading {

margin-top: 0px !important;

}

Thanks,

Nick

Hi,

The best way to go about it, is to first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.

Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.

You can add your custom image size to use by following this tutorial but fpr the last part where instead of gallery you would add blog image. https://kriesi.at/support/topic/how-to-change-size-of-featured-image-in-portfolio-item-page-and-disable-lightbox#post-123789

Thanks,

Nick

Hi,

you have a javascript error coming out of the piece of inline code you added for people with old browsers above the </header

You need to change your line

var $buoop = {vs:{i:8,f:15,o:,s:5,n:9}}

to

var $buoop = {vs:{i:8,f:15,o:10.6,s:5,n:9}

To change the height , here is css

#footer {

padding: 0px 0 0px 0 !important;

}

@media only screen and (min-width: 768px){

div .av_one_third {

height: 180px;

}}

#socket .container {

padding: 5px 0;

margin-top: 15px;

}

Please add it to your /css/custom.css file

Thanks,

Nick

Hi,

Have you added this? Try to remove it and see if anything changes.

.main_color {

background: #FFF url(https://www.naturaloutlook.com/wp-content/uploads/White_Pixel.gif) top left repeat fixed;

}

Thanks,

Nick

It should be:

#top .social_bookmarks_tumblr a {

background: url(https://yoursite.com/wp-content/uploads/custom/apple.png) no-repeat center;

}



#top .social_bookmarks_tumblr a:hover {

color:#fff;

background: url(https://yoursite.com/wp-content/uploads/custom/apple-hover.png) no-repeat center;

}

So that the background is on the link and the hover as well.

Hi warrentkachuk,

Can we see the pages live? Inspecting the code will give us the most information to try and figure out what the issue is.

As an aside, our Queue system works by oldest post within a topic so self-bumping or self-responding pushes the topic to the end of our queue instead of bringing it forward.

Regards,

Devin