To center header in the middle of the template

Business template for Joomla 3 and 2.5 ideal to create blog or personal website.
GK User
Fri Sep 07, 2012 10:44 am
Hello,

Now i have finished this internet site : www.leodejoe.com and it remains several questions :
- Is it possible to center position "Header" in the template homepage as it is actually in left position instead of middle position ?
- The same for plugins articles "Simple Image Gallery Pro" shown in " BLouses " and "Tee-Shirt" ? They are not centered but to the left position instead of middle.
- Also for Top1, Top 2 and Top 3 positions in Homepage which have no Title as in the "Real Design Demo" template (with style for Title as Headings and Headings 2 and little circle also) .
- Is it possible in Contact Menu to have artist photo next to forms ?

Thanks by advance.
Julie :pinch:
User avatar
Fresh Boarder

teitbite
Fri Sep 07, 2012 8:27 pm
Hi

Please add this code to css:

Code: Select all
#gkHeader {
    width: 1100px !important;
    margin: 0 auto;
    max-width: 1200px;
}


For images in SIGPro gallery You have couple of options. Foe example choose a different image dimentions so it fit better to website's width or fix each gllery separately. For example:

Code: Select all
ul#sigProId4715bc6f14 {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 8px 0 !important;
    width: 920px !important;
}


For contact image:

Code: Select all
.jform_contact_first {
    width: 57%;
}

.contact-image {
    float: right;
    margin: 28px 40px 40px;
}
User avatar
Moderator

GK User
Mon Sep 10, 2012 8:46 am
Thanks,
Great, it's ok for the header in template.css and also for SIGPro module.
Unfortunately it don't work for CONTACT.
I found this code in template => joomla.css :
JOOMLA.CSS
/* Contact */
p.contact-position {
margin: -14px 0 32px;
font-size: 10px;
text-transform: uppercase;
color: #333;
}

div.contact-misc {
margin: 20px 0 50px;
}

div.contact-misc p {
margin: 0 0 30px;
}
But if i had this code : .jform_contact_first {
width: 57%;
}

.contact-image {
float: left;
margin: 28px 40px 40px;
}
It has no effect at all.
Do you know where i can modify Contact css ?
User avatar
Fresh Boarder

teitbite
Mon Sep 10, 2012 10:31 am
Hi

Please do not modifie any template/joomla files. Please simply copy the code I gave You to override.css Please remember to enable using of this file in template settings.
User avatar
Moderator


cron