Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

To center and reduce thumbnails

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi!
I need customization support.
My website is www.tipicoh.com/index.php
On 1366x768 screens, when I click on "Dalla Rete" in top horizontal menu, the 4 thumbnails images are not centered and the text is not read. I need to make the text legibly and decrease the size of the images, because the images do not enter the screen.
Lastly, the contact module has a light color that is not readable, and is not centered (at 1366x768 resolution). I tryed to darken background image, but this is not enough.
Thanks!
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

With your first problem I'm not sure what you mean
Can you add a screenshot of the dalla rete section
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'm a bit unclear what the problem is with question 2 as well

Can you attach a screenshot of this as well

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi! screenshot at 1366x768: images to reduce and to center
images-too-big-and-not-centered.jpg
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
The images are filling the width of the container by the look of it

I don't really see a problem with the screenshot this looks to be the correct behaviour

or am I missing something?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!
My client complained of this defect (the first:center and images dimension). If he continues to complain, I will contact you again.

About the second problem, as you can see in the attached image, the text of the contact form is very light and difficult to read. If I enable Catptcha, the captcha question text is more harder to read. How can I resolve this?
Thanks!
text-too-light-to-read.jpg
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Sure regarding the first point but I'm still not sure what the problem might be with that

With the form I'm on a wide big screen so I'm the best to judge readability wise

Are you wanting a background in the form elements or something changing with the text or both?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!
My customer says that the problem is real, and he sent to me 3 screenshots. Please see attached screenshots of my customers.
Thanks!
screenshot1.jpg


screenshot2.jpg


screenshot3.jpg
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

I'm still not sure what the problem is with the first two - can you clarify exactly what the problem is and what the client wants?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I can't see any problem at that resolution

What browser is your client using?

With the 3rd image - is the problem just the "CONTATTACI" being hidden?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
screenshot-1-1.jpg



screenshot-2-2.jpg
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
Last Edit: 6 years 9 months ago by mikyilfilosofo.
The administrator has disabled public write access.
screenshot-3.jpg
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
The browser used is Google Chrome
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Does this help?

@media (max-width:1400px) {
#grid4wrap .top200.bottom200 {margin-top: 300px;}
}

It may look odd at smaller widths
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This is targeting the grid13

I can't see the same issue on my screen so I'm playing in the dark
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Okay, thanks for "In rete" menu link! I'm waiting for my client feedback.
But for contact module title problem?

To simulate the problems, is sufficient to reduce browser window height (not width).
cheers
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Regarding width I don't have a problem on my screen at 1366x768

This is just 1 module as I can't tell if it works or not

It will probably need a min width value added

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!
I don't understand. How do I resolve the Contact form title shift in the top module?
Cheers
screenshot-3_2017-06-28.jpg
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Have you tried adding any of the margin classes or adding a media query?

@media (max-width:1400px) {
#grid21 .moduletable {margin-top: 100px;}
}

for example
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!
Your code seems to work. Thanks!
Now I ask to my client to verify if it is all ok.
Regarding your previuos code:
@media (max-width:1400px) {
#grid4wrap .top200.bottom200 {margin-top: 300px;}
}
...this too is OK!
Cheers!
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers