4 different colors in Modul on Frontpage

Commercial shopping Joomla template to easy create webshop with various extensions supported like ViruteMart, K2 and K2Store.
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
Mon Jul 15, 2013 3:19 pm
Reply with quote
Report this post
Hallo,
is it possible to show 4 differnt colors not only two at the module on the frontpage.

see screenshot.
screenshot.jpg


thanks a lot
User avatar
Junior Boarder

GK User
Mon Jul 15, 2013 7:20 pm
Reply with quote
Report this post
Hi, theoretically yes.
First solution: publish two NSP GK5 modules, each will different ID and only one column but 2 rows, so you can add different background colors using css.
User avatar
Platinum Boarder

GK User
Mon Jul 15, 2013 7:41 pm
Reply with quote
Report this post
Second solution, you will use only one module. But it request few php/html changes in that file: modules\mod_news_pro_gk5\portal_modes\news_blocks\controller.php

to add custom ID or CLASS on each generated box.

...but you need take in your mind that customization is not regular Template support.
User avatar
Platinum Boarder

GK User
Tue Jul 16, 2013 10:47 am
Reply with quote
Report this post
Many Thanks for your help,
but can you make me an example for the ID ant the CSS.
User avatar
Junior Boarder

GK User
Wed Jul 17, 2013 8:41 am
Reply with quote
Report this post
Hello,
i dont know, how to add a differnt id und then to assign the css for the 2nd module.

please can you help me.

thanks a lot
User avatar
Junior Boarder

GK User
Mon Jul 22, 2013 6:25 pm
Reply with quote
Report this post
Now looks perfect :D
4colors.png


I have few suggestion :

(1) At the bottom you used one long image
Code: Select all
<img width="1000" height="217" alt="firma bottom-2" src="/tischstudio/images/firma_bottom-2.jpg">


But your template is responsive and now this elements is not.
You can divide into 3 graphic elements
or delete height="217" and change width="100%"

Code: Select all
<img width="100%" alt="Tischstudio Mayer | Am Rödertor 2 |  Donnersdorf" src="/tischstudio/images/firma_bottom-2.jpg" title="....">


Second change alt="....add here address (city & street).... " + title=" ...conect with company offer.. "
User avatar
Platinum Boarder

GK User
Mon Jul 22, 2013 6:39 pm
Reply with quote
Report this post
(2) On second slide
modules/mod_image_show_gk4/cache/IMG_3378gk-is-656.jpg

in his background people could see auto & license plate - it's possible to retouch it, I think this element is unnecessary, and it is easy to get rid of it using Photoshop.

(3) Use more ACTION BUTTON - like "Call us" "Free advice" to get users attention.
User avatar
Platinum Boarder

GK User
Mon Jul 22, 2013 7:18 pm
Reply with quote
Report this post
Pawel F wrote:(2) On second slide
modules/mod_image_show_gk4/cache/IMG_3378gk-is-656.jpg

in his background people could see auto & license plate - it's possible to retouch it, I think this element is unnecessary, and it is easy to get rid of it using Photoshop.


Thanks for all,
All pictures are at the moment Dummys
User avatar
Junior Boarder

GK User
Mon Jul 22, 2013 7:24 pm
Reply with quote
Report this post
Tanks for all your Suggestion.
I have chanched the Image width to 100% ...
Now it Works perfect.

But i dont know what you mean with:

Second change alt="....add here address (city & street).... " + title=" ...conect with company offer.. "[/quote]

Stef
User avatar
Junior Boarder

GK User
Mon Jul 22, 2013 9:59 pm
Reply with quote
Report this post
Look at me example code few lines below (22 Jul 2013, 18:25) last line.
It's for SEO purposes , read this article : http://www.bloggingehow.com/2012/03/ima ... -tags.html


The "title" attribute it "offers advisory information about the element for which it is set." As the Googlebot does not see the images directly, we generally concentrate on the information provided in the "alt" attribute. Think of a keyword rich and targeted alt and title tags.
User avatar
Platinum Boarder


cron