Hi AlexanderPetznek!

The width of the background image should be 1130px.

Cheers!
Ismael

Hey!

The images are set to inherit the size of the container. You need to set the width of a specific image inside a column layout using CSS. You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like the IMAGE element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image”.

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

.avia_image.awesome-image {
width: 210px;
}

Regards,
Ismael

Hi akamaxbuz!

After you select the images and click the “Create a new gallery” button, you’ll have an option to select the number of columns for the gallery. Look for “GALLERY SETTINGS” > Columns.

Regards,
Ismael

Hey!

You need to increase the 1/4 column width in order to resize the image. Add this on Quick CSS:

.home .flex_column.av_one_fourth.avia-builder-el-3.el_after_av_three_fourth {
width: 25%;
margin-left: 1%;
}

Regards,
Ismael

Hey cdh002!

You can add background images on Enfold > Styling > Background Image. You can apply different background images for Header, Main Content, Alternate Content etc.

Regards,
Ismael

Hi!

You can add this on Quick CSS or custom.css to remove the ugly video preview image:

img.ls-videopreview {
display: none !important;
}

Cheers!
Ismael

Hi!

Please edit the page then switch to Advance Layout Builder. You can find the Color Section element under Layout Elements panel. Insert one color section then configure it. Insert a background image, refer to the screenshot above. Set the Background Attachment to fixed or parallax. Please try to experiment to get better results. You can watch these videos to learn more about the theme: http://vimeo.com/channels/aviathemes/

Regards,
Ismael

Hi!

Please post a screenshot of what you’re trying to do. Watch these videos to learn more about the theme: https://vimeo.com/channels/aviathemes

Yigit said that you need to edit the page then switch to Advance Layout Builder. Go to the Layout Elements panel then insert the Color Section. Add 3 1/3 column layouts side by side. Inside the 3 columns layouts, insert a Text Block and an Image element each. We can apply an absolute position to the Text Block to overlap the images or apply the images as background on the actual Text Block. If you’re not sure what to do please hire a freelance developer. For further modifications, please visit Werkpress.

Regards,
Ismael

Hi!

You can copy the whole function code on your child theme’s function.php. I think YIgit is referring to the avia_logo function:

if(!function_exists('avia_logo'))
{
	/**
	 * return the logo of the theme. if a logo was uploaded and set at the backend options panel display it
	 * otherwise display the logo file linked in the css file for the .bg-logo class
	 * @return string the logo + url
	 */
	function avia_logo($use_image = "", $sub = "", $headline_type = "h1")
	{
		$use_image 		= apply_filters('avf_logo', $use_image);
		$headline_type 	= apply_filters('avf_logo_headline', $headline_type);
		$sub 			= apply_filters('avf_logo_subtext',  $sub);
		$alt 			= apply_filters('avf_logo_alt', get_bloginfo('name'));
		$link 			= apply_filters('avf_logo_link', home_url('/'));
		
		if($sub) $sub = "<span class='subtext'>$sub</span>";

		if($logo = avia_get_option('logo'))
		{
			 $logo = "<img src='{$logo}' alt='{$alt}' />";
			 $logo = "<$headline_type class='logo'><a href='".$link."'>".$logo."$sub</a></$headline_type>";
		}
		else
		{
			$logo = get_bloginfo('name');
			if($use_image) $logo = "<img src='{$use_image}' alt='{$alt}' title='{$logo}'/>";
			$logo = "<$headline_type class='logo bg-logo'><a href='".$link."'>".$logo."$sub</a></$headline_type>";
		}

		return $logo;
	}
}

Regards,
Ismael

Hi!\

You didn’t apply the code. The image should resize to 800px. Please add this below to make resize the image up to 1200px:

#top .fullsize .template-blog .post .entry-content-wrapper img.size-full {
width: 1200px;
max-width: 1200px;
position: relative;
left: -20%;
}

Regards,
Ismael