To center header in the middle of the template

Business template for Joomla 3 and 2.5 ideal to create blog or personal website.
jujujoom
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

jujujoom
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
Remember me
Don't have an account?
GavickPro website uses cookies. By continuing to use this website, you are giving consent to cookies being used. More details…×