About module - positioning a single image

Responsive, suitable for any type of business, built for any needs elegant one-page Joomla template.
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
Tue Feb 04, 2014 3:34 pm
Reply with quote
Report this post
Hi!
My about section has only one image, and for some reason it is not centered but left-aligned. I tried simple aligning in the module editor - didnt work. Also tried to position it via css but then hover/animation gets messy.
Im guessing there's a simple solution that Im missing ;)
Help?

Site is online at http://www.supermajda.net

Thanks for yet another great template!
User avatar
Fresh Boarder

GK User
Tue Feb 04, 2014 5:29 pm
Reply with quote
Report this post
Hi, Creativity has its potential.
Your image block are inside div with gkTeam col4 animate_queue - class
as you see it has 4 columns - was designed to be in 4 columns
if you will change from col4 to col2 or even col1 - you will see difference.

But sure in this case - if you are alone web fighter .... give me a second..
User avatar
Platinum Boarder

GK User
Tue Feb 04, 2014 5:42 pm
Reply with quote
Report this post
Ok, let do some rock...

1) Change "col4" to "col1" -- don't panic
2) Inside your image code add "max-width:250px" -- like I did

<img width="250" height="250" style="display: block; margin-left: auto; margin-right: auto;max-width:250px" src="/web/images/demo/about/942892_477382429000668_1914958710_n.jpg" alt="942892 477382429000668 1914958710 n">

3) Why your alt for your image is 942892_477382429000668_1914958710 -- it's little bit strange, and users of IE will see it !! it's not professional

4) Override using this css code

Code: Select all
.gkTeam figcaption {
    margin: 10px auto 0;
    width: 208px;
}


and you will be at the middle ;)
User avatar
Platinum Boarder

GK User
Fri Feb 07, 2014 10:27 pm
Reply with quote
Report this post
Hi!

Thanks for the quick reply. I did what you said but no success. The only difference is that 'Learn More' button is now aligned right, by the image. (yo can see it live at www.supermajda.net)
override code i put in override.css

rest was in text editor, like you suggested. :geek:
User avatar
Fresh Boarder

GK User
Tue Feb 11, 2014 10:05 pm
Reply with quote
Report this post
If I may....
if you want to help clients show them... what is the difference between static (HTML) page and CMS like Joomla what are the benefits.
I wrote about it in my book few years ago, but sorry it was in Polish language :mrgreen:

In General they are two kinds of clients:
I need new website
1) I never had before
2) I had (still have) and I need full redesign or complete new with CMS etc.

You have to add info for those two :ugeek:
User avatar
Platinum Boarder

GK User
Tue Feb 11, 2014 10:07 pm
Reply with quote
Report this post
p.s.
Don't forget about price,
people always ask about that,
I know it's hard to say, but you can add small table with
easy page - start from $400 ??
new template -- ???
small shop etc...
User avatar
Platinum Boarder

GK User
Wed Feb 19, 2014 2:30 pm
Reply with quote
Report this post
thanks!

ive benn busy and not really having time to deal with my own website :roll:
User avatar
Fresh Boarder

GK User
Thu Feb 20, 2014 12:08 am
Reply with quote
Report this post
supermajda wrote:thanks!

ive benn busy and not really having time to deal with my own website :roll:



Don't worry, you are not alone, me too
User avatar
Platinum Boarder


cron