Hey!

On what browser are testing your website? It says specifically on the Image Fade in Animation option that this is only to add some ‘spice’ to the site and only works in modern browsers.

Regards,
Ismael

• This reply was modified 11 years, 9 months ago by Ismael.

Hey itchybrain!

Edit header.php, find this code:

echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";

Below, add this code:

echo "<div class='search-text'>Search</div>";

Add this on your custom.css or Quick CSS:

.search-text {
	position: absolute;
	text-align: right;
	padding-right: 30px;
}

Cheers!
Ismael

Hello mschoonhoven!

You can add this on your custom.css or Quick CSS:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 11px;
}

.logo img {
width: 220px;
height: auto;
max-height: 73px;
}
}

Best regards,
Ismael

Hi!

Edit header.php, find this code:

<div id='wrap_all'>

		<?php if(!$blank){ ?>

Below add something like this:

<?php echo '<div class="header-top"></div>'; ?>

Then add this on your custom.css or Quick CSS:

.header-top {
	position: relative;
	z-index: 400;
	width: 100%;
	height: 100px;
	background-color: transparent;
	background-attachment: scroll;
	background-image: url('IMAGE URL HERE');
	background-position: center top;
	background-repeat: no-repeat;
}

Regards,
Ismael

Hi!

I suggest you upload uniform image sizes for each post. WP crop the thumbnails which varies depend on the original image size.

Regards,
Ismael

Hi!

That’s not suppose to happen on mobile view. Can you please add this?

@media only screen and (max-width: 767px) {
.responsive .container .twelve.units {
	width: 95%;
}
}

Best regards,
Ismael

Hey!

What you see in the screenshot is your own admin page. Please test it again. I successfully add those images on your gallery.

Regards,
Ismael

• This reply was modified 11 years, 9 months ago by Ismael.

Hey!

You can add rel=”lightbox” on the anchor tag.

<a rel="lightbox" href="IMAGE OR VIDEO URL HERE">This is a lightbox link</a>

Regards,
Ismael

Hello hairyhobo!

You can use this:

@media only screen and (min-width: 768px) and (max-width: 989px) { 
.logo img {
height: 42px;
margin-top: 15px;
}

.responsive .main_menu ul:first-child > li > a {
padding: 0 7px;
font-size: 11px;
}
}

Best regards,
Ismael

Hey!

Always remove browser cache then reload the page a few times. :)

Cheers!
Ismael

Hello!

You’re using 3 columns for your portfolio? You can edit this line of code:

$avia_config['imgSize']['portfolio'] = array(‘width’=>465, ‘height’=>346); // images for portfolio entries (2,3,4 column)

Replace it with:

$avia_config['imgSize']['portfolio'] = array(‘width’=>346, ‘height’=>346); // images for portfolio entries (2,3,4 column)

Regenerate the thumbnails: http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Ismael

• This reply was modified 11 years, 9 months ago by Ismael.

Hey!

My bad, I forgot to mention that Layer Slider can’t be place inside Layout elements.

Yes, you can use the Easy Slider. :)

Best regards,
Ismael

Hi!

Edit functions.php, find this code:

$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns

Replace it with:

$avia_config['imgSize']['portfolio_small'] = array('width'=>520 'height'=>370 ); // images for portfolio 4 columns

The image thumbnails you’re uploading as portfolio thumbnails are so small. Please upload a larger image, twice the size if possible.

Best regards,
Ismael

Hi!

This is the css code for the promo button:

body div .avia-button {
border-radius: 3px;
background-image: url("../images/layout/bg-button.png");
background-repeat: repeat-x;
background-position: 0 0;
padding: 10px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-style: solid;
border-width: 1px;
margin: 3px 0;
line-height: 1.2em;
position: relative;
font-weight: 600;
text-align: center;
max-width: 100%;
}

.avia-button.avia-size-large {
padding: 13px 30px;
font-size: 14px;
min-width: 127px;
}

body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
color: #fff;
color: rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

#top .main_color .avia-color-theme-color {
color: red;
}

You can use the google chrome to inspect the Gravity Forms button then apply the css codes above. A link to your site will help.

Best regards,
Ismael

Hey!

@akhilz: The link color on your footer is white. Which of theme elements do you want to change and to what color?

Regards,
Ismael