Hader position center image

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
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 Oct 21, 2013 5:01 pm
Reply with quote
Report this post
Good morning .I'm using Simplicity template and in the Header position I have put in a module htlm with a photo. The image but is not centered horizontally. It's the measure of the photo 1230*450. How can I make? The site is: www.videoinquota.it
User avatar
Junior Boarder

GK User
Mon Oct 21, 2013 6:47 pm
Reply with quote
Report this post
Could You post a screenshot?
I have checked in Chrome and it is centered correctly.
User avatar
Moderator

GK User
Tue Oct 22, 2013 2:57 pm
Reply with quote
Report this post
I use Firefox and I see it so.
User avatar
Junior Boarder

GK User
Tue Oct 22, 2013 3:14 pm
Reply with quote
Report this post
Image
User avatar
Junior Boarder

GK User
Tue Oct 22, 2013 7:11 pm
Reply with quote
Report this post
Then I'm not quite sure what do You mean by center horizontally. It is 100% centered as it feels entire middle content column and leaves same amount of space on right and left side.
User avatar
Moderator

GK User
Mon Oct 28, 2013 12:49 am
Reply with quote
Report this post
I do not mean right or left, but high and low, in fact, the gray spaces above and below the picture are different.
User avatar
Junior Boarder

GK User
Mon Oct 28, 2013 4:52 pm
Reply with quote
Report this post
Ok, You mean to center vertically:
Please edit: /templates/gk_simplicity/css/override.css and add at its end:
Code: Select all
#gkHeaderMod div.custom p {margin: 5px 0 0px; line-height: 1;}


Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Mon Oct 28, 2013 4:53 pm
Reply with quote
Report this post
You can play with this part:
Code: Select all
margin: 5px 0 0px;

and to mage spacing bigger change it to:
Code: Select all
margin: 10px 0 5px;


- you need to add same amount to first and last number
User avatar
Moderator

GK User
Mon Oct 28, 2013 11:14 pm
Reply with quote
Report this post
perfect! Thanks a lot!
User avatar
Junior Boarder

GK User
Tue Oct 29, 2013 5:31 pm
Reply with quote
Report this post
If You will have any other questions, feel free to post new forum threads.
Posting new questions in new thread will allow us to answer you faster :)
User avatar
Moderator


cron