Documentation Module on home page

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Nov 23, 2014 8:41 am
Reply with quote
Report this post
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
User avatar
Senior Boarder

GK User
Sun Nov 23, 2014 11:30 am
Reply with quote
Report this post
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,
User avatar
Senior Boarder

teitbite
Tue Nov 25, 2014 9:07 am
Reply with quote
Report this post
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%;
}
User avatar
Moderator

GK User
Tue Nov 25, 2014 1:05 pm
Reply with quote
Report this post
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
User avatar
Senior Boarder

GK User
Tue Nov 25, 2014 1:08 pm
Reply with quote
Report this post
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
User avatar
Senior Boarder

teitbite
Thu Nov 27, 2014 9:31 am
Reply with quote
Report this post
Hi

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

GK User
Thu Nov 27, 2014 1:29 pm
Reply with quote
Report this post
Just sent you my login details to your email.

Thanks.
User avatar
Senior Boarder

teitbite
Thu Nov 27, 2014 2:40 pm
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Sat Dec 06, 2014 1:32 am
Reply with quote
Report this post
Thanks for your help.

Cheers,
User avatar
Senior Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.