Web Design Music School Template

Hi,
I wonder if anyone can help me...
I've downloaded the music school template which is excellent and has everything I need. I've been going through the template and making the changes ensuring i am correctly make the changes in the CSS file (colour changes etc etc) Template used (https://freewebsitetemplates.com/forums/threads/music-school-website-template.20452/)

However, I am having trouble formatting a certain section where I want to embed an image and make this float with the text. I am very new to this and i would appreciate the help. I understand it may be to do with div in css but i am not really sure.

What I am trying to do:
I'm on the about page (https://freewebsitetemplates.com/preview/musicschoolwebsitetemplate/about) at the footer, there is an about box with an instructor image (next to the contact box, see fig 1 below), with some text to the right. Its nicely formatted with correct spacing between the image and text.

Fig 1


I want to create the exact same layout on the same page but further up.
i.e just above the about us is a box that has "Template Details" (see fig 2) and i want to add a picture in that box with the same formatting and layout as the about box... (image to the left, text to the right) (i hope this makes sense).

Ive messed with trying to copy and paste stuff, reference different classes and try and copy how it is done, but i am lost...

fig 2



Thanks and Kind Regards,
Dax

 

sorry folks, the images didn't get included with my post... fig 1 & fig 2 uploaded

 

Anyone? I'm a tad stuck on this....

 

Hi @Daxing ,

Have a look at the following part of the source code :

HTML:

<div>
    <h1>Template details</h1>
    <p>
    Design version 5 <br> Code version 5 <br> Website Template details, discussion and updates for this <a href="http://www.freewebsitetemplates.com/discuss/musicschoolwebsitetemplate/">Music School Website Template</a>. <br> Website Template design by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a>. <br> Please feel free to remove some or all the text and links of this page and replace it with your own About content.
    </p>
</div>

and simply add an <img> section as below:

HTML:

<div>
    <h1>Template details</h1>
    <p>
    <img src="images/instructors.jpg" style="float:left; padding:10px">
    Design version 5 <br> Code version 5 <br> Website Template details, discussion and updates for this <a href="http://www.freewebsitetemplates.com/discuss/musicschoolwebsitetemplate/">Music School Website Template</a>. <br> Website Template design by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a>. <br> Please feel free to remove some or all the text and links of this page and replace it with your own About content.
    </p>
</div>

This example is just to show you how it works. Ideally you should create a new class in the CSS file with the same style and call it from your HTML code.

Hope it helps,
Phil

 

You may try to design a music template using a designing software template-toaster. It will help you to create a fully responsive theme for major CMS. You can easily design themes or template as per your requirements in a lesser time without any hassle. Users can use such tool without any coding or programming knowledge.

 

Hello Dear

Best School Template Downloaded sites click here