Member Login

Freestyle Joomla Forums

FAQs Lite v1.x

Member Login   Register

Please login or register to post on the forum

Forum Index    Board Index    Last Post   

Andreas

Andreas

06 March 2017, 11:08

Text and image overlapping

Hi,
 
I'll show an image in one of the answers. In the template I use the Image overlaps the column right of it (please see the attached screenshot).
 
On one page also the Text is overlapping the right column (please see the attached screenshot).
 Do you have any suggestions to avoid the two mentioned problems so that the FAQ pages looks correct on any device with any screen resolution?


That's the oder link: https://flightmanagement.ch/en/component/com_fsf/Itemid,130/catid,2/view,faq/


Thanks in advance,
 
Andreas
Link showing problem https://flightmanagement.ch/en/component/com_fsf/Itemid,119/view,faq/
Joomla Version 3.6.5.
Freestyle Version 1.11.18

FreestyleFAQ1.png

133.58 KB

FreestyleFAQ2.png

43.05 KB
Harry Shaw

Harry Shaw

07 March 2017, 15:39

Re: Text and image overlapping

Hello,
 
Can you add the following to page css overrides:


 .fsf_main {
max-width: 100%;
}
.fsf_main img {
max-width: 100% !important;
}

I would also add:

.fsf_main .fsf_faqs {
padding-left: 0;
}


This gets rid of the left gutter.



Thanks

Harry Shaw
Freestyle Joomla
Andreas

Andreas

07 March 2017, 18:34

Re: Audit Message

Hi Harry,

I did what you suggested and it works quite well, thanks a lot!

But I've still a problem with Internet Explorer, here it look still the same (please see attached images one is Firefox and the other is IE).

Do you have a suggestion to solve this problem too?

Thanks,

Andreas

FreestyleFAQ3.png

109.26 KB

FreestyleFAQ4.png

132.19 KB
Harry Shaw

Harry Shaw

08 March 2017, 13:36

Re: Text and image overlapping

Hello,

The image you have included in the FAQ has a hard coded width and height which can be overridden in most browsers, but not in IE, so you will need to edit the FAQ and remove the hard coded size on the image.

Thanks

Harry Shaw
Freestyle Joomla
Andreas

Andreas

09 March 2017, 06:23

Re: Audit Message

Hi Harry,

I've removed the hard coded width and height, but that didn't help for IE. The FAQs still overlap the right side of the page in IE if I expand it.
Is there anything else I can do?

Thanks,

Andreas
Harry Shaw

Harry Shaw

12 March 2017, 10:51

Re: Text and image overlapping

Hello,

Unfortunately we were unable to recreate this error, it may be another component/template conflicting and causing this error.

Thanks

Harry Shaw
Freestyle Joomla
syla

syla

13 April 2017, 14:05

Re: Audit Message

Hi,

where should the code be added???
Harry Shaw

Harry Shaw

13 April 2017, 15:40

Re: Text and image overlapping

Hello,

You will need to add this code to CSS overrides.

Thanks

Harry Shaw
Freestyle Joomla
syla

syla

13 April 2017, 18:51

Re: Text and image overlapping

Yes I see, but where is that? (sorry newbe)
I checked the backend /  templates / MY TEMPLATE /
than choose HTML / com_fsf / css / default.php

than i get following:

/**
* @package Freestyle Joomla
* @author Freestyle Joomla
* @copyright (C) 2013 Freestyle Joomla
* @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
**/
defined('_JEXEC') or die;

ob_end_clean();
header('Content-type: text/css');
header("Expires: Sat, 26 Jul 2020 05:00:00 GMT");

$path = JPATH_SITE.DS.'components'.DS.'com_fsf'.DS.'assets'.DS.'css'.DS.'fsf.css';
require_once($path);

exit;




do i have to ad it overhere???

Harry Shaw

Harry Shaw

13 April 2017, 22:35

Re: Text and image overlapping

Hello,

Sorry if we weren't clear, you will need to go the Freestyle Support Portal-> Settings-> Visual and enter the code under the 'Popup Window CSS and JS fixes' heading.

Thanks

Harry Shaw
Freestyle Joomla
syla

syla

14 April 2017, 07:31

Re: Text and image overlapping

Thanks, that works :-)

Vote For Us!

Please vote for our software or write a review of one of our products on the Joomla! Extensions Directory