Documentation Module on home page

Hi Guys,

Should have made a copy of this module before I started working on it.

Can you advise why the module is looking like it is in the image. (Only is on half the screen).

This is the code (haven't altered any of the advance options from the module).

Code: Select all

<p> </p>
<div>
<h3><img src="images/demo/style1/documentation.svg" alt="Documentation - image" width="291" height="352" data-fallback="images/demo/style1/documentation.png" data-styles="true" data-scrollreveal="enter right and move 100px over 0.66s" /></h3>
<p> </p>
<h3>Documentation &amp; Systems</h3>
<p>Having developed systems and procedures for some of the largest construction companies, our team are proficient in the formation, review and execution of company and project documentation. Ranging from Method Statements and Project Manuals to Core Procedures and Site Specific Plans. <strong>NO</strong> job is too small.</p>
<div class="gkCols" data-cols="2">
<div>
<h4>Company Plans &amp; Procedures</h4>
<p>Our team have developed, reviewed and implemented a number of Company Procedures, including Policy Statements and Company Manuals.</p>
</div>
<div>
<h4>Project Method Statements &amp; Risk Assessments</h4>
<p>We have also developed and implemented Method Statements and Job Safety Analysis sheets for a wide range of construction activities.</p>
</div>
</div>
</div>

Don't think the image is allowing me to upload a screenshot. Refer to the URL below:

http://www.idealengineeringservices.com/

Thanks

Edit to the above post.

I have done half the job now.

I had to wrap the content in DIV tags and have the picture outside this.

Also had module class suffix in Advanced tab to say 'image-right'.

How do you just get the image to stop a little closer to the right border, as it is up against my font on the left?

Cheers,

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.frontpage .image-righ img {
    margin: 35px 0 0 150px;
    max-width: 100%;
}


Hi Teitbite,

I have done these things and still no luck.

Have done the following:

1.added your code to overide.css in template folder
2.enabled overide css in advanced settings of template manager
3.have got the 'image-right light' text in the module class suffix of the advanced tab of the actual module.

Any other ideas?

Thanks

have also tried using the tips from the following post: (The post should be re labelled in the heading for this subject matter, as I only stumbled over it)

https://www.gavick.com/forums/mo-joomla ... 33431.html

Hi

I do not see my code anywhere. Override.css file is empty. Please send me an access to joomla panel. I'll check.

Just sent you my login details to your email.

Thanks.

Hi

In template override there was a lonely "}" char preventing all below css from being loaded. I've removed it and now it's ok.

Thanks for your help.

Cheers,