html code

Question

hello i am having a difficult time correcting this slider code for my theme......
the <a href=""""" /> link was connected to a "shop now" button the comes up of the image but i want to make the link directly on the image, can anybody help me out? with the right code?

<div class="item" style="background:url({{media url=&quot;wysiwyg/c3.jpg&quot;}}) center center no-repeat;background-size:cover;">
<div class="container" style="position:relative">
<img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" alt="" />
<div class="content content-slide-1" style="position:absolute;z-index:1;top:36%;left:2.4%;text-align:center;">
<span class="border-top"><img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/border-top.png"}}"/></span>
<div style="position:relative;z-index:4;">
<span style="color: #0f0f0f;font-size:18px;"></span>
<h2 style="color: #0e2f40;"></h2>
<a href="{{config path="web/unsecure/base_url"}}tailoring-kits.html" ></a>
</div>
<span class="border-bottom"><img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/border-bottom.png"}}"/> </span>
</div>
</div>
</div>

Answer 1

Bro while not style the css on a seperate file

Answer 2

is there no way to just edit the code like this?

Answer 3

No way dude ..why put class attribute when you already had inline css written in div..
Link your css in the head or in another file so one can understand your code.

Your inline css will be little so one can understand your code.

Answer 4

I really am a novice in this. Please can you help me out