Forum Support

Shape 5
May 10, 2021, 04:51:36 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Problem showing an "own content"-module with images sorted like colums  (Read 260 times)
bruno1501
Jr. Member
**
Offline Offline

Posts: 33



WWW
« on: January 12, 2016, 09:06:23 AM »

Hi there,
i need help from an expert.

to be seen at www.modenschau2016.de

i have an own content module on position "bottom_row2_1", this position has 100 % width by temlate setiing.
In this content I have inserted 25 logos, each same sizes, each after the other.

Showing this on wide screen, looking is good, 4 or 5 columns to be seen,
but by changing browserwindow to small size thes 4 columns make change suddenly not first to 3, or 2 columns, but immediately to only one column.

There might be perhaps any screen-% setting for changing this effect on smaller and smallest screens, but i don?t know how to fix it to a good looking version.

Also it would be nice if the logos in 1,2,3,4,5-columns always would be centered horizontically.

Thanks, Roland

Here is the Html-text:
----------------------------------------
<h1 style="text-align: center;"><span style="color: #ffffff;"><strong>UNSERE PARTNER</strong></span></h1>
<p style="text-align: center;"><span style="color: #ffffff;">Wir bedanken uns bei allen unseren Partnern, die es uns erm?glichen, diese Modenschau zu pr?sentieren.</span></p>
<p style="text-align: center;"><span style="color: #ffffff;">Vielen Dank f?r Ihr Mitwirken.</span></p>
<center><a href="http://www.lifestyle-neumarkt6.de" target="_blank"><img src="images/logo1.jpg" alt="Lifestyle Neumarkt 6" style="margin: 5px; float: left;" />[/url]<img src="images/logo2.jpg" alt="Trattoria da Michele" style="margin: 5px; float: left;" /><a href="http://www.go2h.de" target="_blank"><img src="images/logo3.jpg" alt="2H Werbung GmbH" style="margin: 5px; float: left;" />[/url]<a href="http://www.vobahoechst.de" target="_blank"><img src="images/logo4.jpg" alt="Volksbank H?chst a.M. eG" style="margin: 5px; float: left;" />[/url]<a href="http://www.schwanheimer-zeitung.de" target="_blank"><img src="images/logo5.jpg" alt="SGZ Schwanheimer Goldsteiner Zeitung" style="margin: 5px; float: left;" />[/url]<a href="http://www.heuser-reisen.de" target="_blank"><img src="images/logo6.jpg" alt="logo6" style="margin: 5px; float: left;" />[/url]<a href="http://www.santiyoga.eu" target="_blank"><img src="images/logo17.jpg" alt="SANTI YOGA" style="margin: 5px; float: left;" />[/url]<a href="http://www.vc-automobile.de" target="_blank"><img src="images/logo8.jpg" alt="VOLVO Centrum Frankfurt" style="margin: 5px; float: left;" />[/url]<a href="http://www.zanin.it" target="_blank"><img src="images/logo9.jpg" alt="Distilleria Zanin S.r.I." style="margin: 5px; float: left;" />[/url]<a href="http://www.lifestyle-floristik.de" target="_blank"><img src="images/logo10.jpg" alt="Lifestyle Floristik" style="margin: 5px; float: left;" />[/url]<a href="http://santi-sensi-di-bellezza.de" target="_blank"><img src="images/logo11.jpg" alt="Kosmetik Salon Santi" style="margin: 5px; float: left;" />[/url]<img src="images/logo12.jpg" alt="Zahnarztpraxis Dr. Sharon Beyer" style="margin: 5px; float: left;" /><a href="http://www.sparkassenversicherung.de" target="_blank"><img src="images/logo13.jpg" alt="logo13" style="margin: 5px; float: left;" />[/url]<a href="https://www.facebook.com/Nail-design-by-Dragana-1631699357092428/?fref=ts" target="_blank"><img src="images/logo14.jpg" alt="Nagel Studio Dragana" style="margin: 5px; float: left;" />[/url]<a href="http://www.xpressreinigung.de" target="_blank"><img src="images/logo15.jpg" alt="XPress Reinigung" style="margin: 5px; float: left;" />[/url]<a href="http://www.ratgeber-magen-speiseroehrenkrebs.de" target="_blank"><img src="images/logo16.jpg" alt="Ratgeber f?r Magen und Speiser?hrenkrebs e.V." style="margin: 5px; float: left;" />[/url]<a href="http://www.autohaus-mikulecky.de" target="_blank"><img src="images/logo7.jpg" alt="Autohaus Mikulecky" style="margin: 5px; float: left;" />[/url]<a href="http://www.fitness-schwanheim.de" target="_blank"><img src="images/logo18.jpg" alt="ENJOY! Fitness Club" style="margin: 5px; float: left;" />[/url]<a href="http://www.haarstudio-wolfram.de" target="_blank"><img src="images/logo19.jpg" alt="Haarstudio Wolfram" style="margin: 5px; float: left;" />[/url]<img src="images/logo20.jpg" alt="Augenoptik Hegewald" style="margin: 5px; float: left;" /><a href="http://www.autoreinigung-frankfurt.de" target="_blank"><img src="images/logo21.jpg" alt="logo21" style="margin: 5px; float: left;" />[/url]<a href="http://www.aqua-autowasch.de" target="_blank"><img src="images/logo22.jpg" alt="Aqua Autowasch GmbH" style="margin: 5px; float: left;" />[/url]<a href="http://www.reifen-diehl.de" target="_blank"><img src="images/logo23.jpg" alt="Reifen Diehl GmbH" style="margin: 5px; float: left;" />[/url]<a href="http://www.tc-schwanheim.de" target="_blank"><img src="images/logo24.jpg" alt="TC Schwanheim" style="margin: 5px; float: left;" />[/url]<a href="http://www.schmitt-24.de" target="_blank"><img src="images/logo25.jpg" alt="Schmitt Immobilien" style="margin: 5px; float: left;" />[/url]</center>
Logged

If you would like to answer additionally in my freetime, then please send email to [email protected], thanks...
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: January 12, 2016, 02:02:50 PM »

Hello,

Perhaps the following will help. Just adjust the number of 497 until you get it where you like it. You can add this to the bottom of your s5_responsive.css file:


Code:
@media screen and (max-width: 497px){

#s5_pos_bottom_row3_1 .module_round_box_outer img {
float:none !important;
width: 100%;
}

}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.