Remove the Profile picture on the home page
SmartOwls opened this issue · comments
SmartOwls commented
Hi,
Thank you for creating this nice theme for Hugo.
I'm new to web design and Hugo, and I'm wondering if I can adjust the profile picture frame (for the preseted picture.jpg).
I would like to try adjusting the dimensions or even remove it.
Thank you very much!
Jonathan
ريان نقيب commented
to remove the profile picture in the home page
-
go to your hugo site's root directory
-
create the file
layouts/partials/intro.html
-
past the code bellow to the
intro.html
file
<section class="{{ .Site.Params.ascentColor | default "bg-pink-50" }} dark:bg-gray-900">
<div class="container max-w-screen-lg mx-auto px-6 py-12 grid md:grid-cols-2 gap-4 lg:gap-16 items-center">
<div>
<h1 class="text-4xl font-bold mb-4">{{ .Site.Params.introTitle | safeHTML}}</h1>
<p class="font-light text-lg">{{ .Site.Params.introSubtitle | safeHTML}}</p>
</div>
<img class="rounded-lg shadow-sm" src="{{ .Site.Params.introPhoto }}" alt="{{ .Site.Title }}" />
</div>
</section>
- remove the image tag from the above source code
<img class="rounded-lg shadow-sm" src="{{ .Site.Params.introPhoto }}" alt="{{ .Site.Title }}" />
to edit the style of the profile picture
- follow steps 1, 2, 3
- add and remove tailwindcss classes to the
class=""
option inside the image tag