aman204, thank you very much for your reply and for your advice.
I had retried the steps again. Fortunately, I had also changed the name position to a different one.
I've achieved a first step. I've been able to put an image in a new custom module. But I don't know how to move the image.
In variables.less:
// BannerPatronato styles
//--------------
@banner-patronato-background: #fff;
@banner-patronato-image-height: 70px;
@banner-patronato-padding: 0;
In styles.less:
// Banner
//----------------
.bannerpatronato {
padding: @banner-patronato-padding;
background: @banner-patronato-background;
}
.bannerpatronato img {
max-height: @banner-patronato-image-height;
/ NOTE: These lines were an attempt to move the module, but you can see in the attached file; I didn't succeed /
width: 30%;
position: absolute;
left: 30%;
bottom: 10%;
}
Then, I changed the templateDetails.xml file and created the HTML custom module. But the results are not satisfactory. I'm not very good at CSS positioning.
Are there any extensions to put social icons easier? As you can see, I've put the favslider extension and I changed the position home-2 to put a HTML custom module with a weather widget.
Greetings.
Salvador.