Web Page - Hero with "Left Image"?

I tried creating a web-template but could not get it to work. There is only a “hero with right image” template.

How can I get a hero with a left image?

Also, how can I size images in the “Section with Image” template…

1 Like

Yes, please. I have the same issue

How did you create the web template?

I actually managed to solve this by adding the following web template, manually:

<div class="hero-with-right-image">
    {%- if image -%}
	{{ frappe.render_template('templates/includes/image_with_blur.html', {
		"src": image,
		"alt": "",
		"class": ["hero-image", "contain-image" if contain_image else ""]
	}) }}
	{%- endif -%}
	<div class="hero-content">
		<div>
			<h1 class="hero-title">
				{{ _(title) }}
			</h1>
			{%- if subtitle -%}
			<p class="hero-subtitle">
				{{ _(subtitle) }}
			</p>
			{%- endif -%}
			<div>
				{%- if primary_action -%}
				<a class="btn btn-lg btn-primary" href="{{ primary_action }}">
					{{ _(primary_action_label) }}
				</a>
				{%- endif -%}
				{%- if secondary_action -%}
				<a class="btn btn-lg btn-primary-light" href="{{ secondary_action }}">
					{{ _(secondary_action_label) }}
				</a>
				{%- endif -%}
			</div>
		</div>
	</div>
	
</div>