Hey kecster2!

Edit header.php, find this code:

/*
                            * Hook that can be used for plugins and theme extensions (currently: the wpml language selector)
                            */
                            do_action('avia_meta_header');
                        echo '</nav>';

Below, add this code:

echo "<div class='header-buttons'>";
						echo "<a href='' class='header-button header-chat'>LIVE CHAT Online</a>";
						echo "<a href='' class='header-button header-contact'>Contact Us</a>";
						echo "</div>";

Edit Quick CSS or custom.css then use this

.header-buttons {
position: absolute;
right: 0;
border: none;
}

.header_color .header-buttons a {
display: block;
padding: 5px 10px 5px 20px;
float: left;
color: white;
}

.header-buttons a.header-contact{ background: green url(ICON URL HERE) left center no-repeat; }
.header-buttons a.header-chat{ background: blue url(ICON URL HERE) left center no-repeat; }

You need to provide your own icon image as background. It should be transparent.

Regards,
Ismael

Hey!

Changes are done. Please review your website. You can find custom CSS code i added in Quick CSS section

Cheers!
Yigit

Hi MaxMyBody1!

Your images are square, please try uploading that are smaller in height. The way it looks will depend on the screen size so i would recommend you using images that are at least 768px in height and ~1300px in width

Best regards,
Yigit

Hey David!

Please add following code to Quick CSS in Enfold theme options under Styling tab

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 0.5!important; }

Cheers!
Yigit

Hey!

In WordPress dashboard please go to Settings > Media and increase image sizes then regenerate thumbnails using this plugin http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab

.page-thumb img, .entry-content, .big-preview img, .template-blog .post .entry-content-wrapper { float: right; }

Best regards,
Yigit

Hey!

Please try adding following code to Quick CSS in Enfold theme options under Styling tab

@media only screen and (min-width: 990px) { #top div .avia-gallery img  { height: 240px; }}
@media only screen and (min-width: 768px) and (max-width: 989px) { #top div .avia-gallery img  { height: 136px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) { #top div .avia-gallery img  { height: 86px; }}
@media only screen and (max-width: 480px) { #top div .avia-gallery img  { height: 54px; }}

Regards,
Yigit

Hey sbrohamm!

Can you post the link to your website so we can inspect elements?

Cheers!
Yigit