I'm sure this is a stupid question and I've looked but there are so many responses when I search I can't weed through them.

I am building a site using buildr and I've chosen the Highline2 as the base. I've created a zentools2 module that I need to text-align center however, if I go into the CSS (public_html/templates/buildr/css/theme.highline.css) and add that to grid4wrap, it does 2 things.

1. It works.
2. It causes weird things to happen. Styles objects get jacked up. I'm not sure why. I've tried to figure it out to correct it but can't. I know it's not the CSS code I put in.

What gives? Is there a better way to do this that I'm just not getting?

Hi

You need to use the custom.css file to add code to

If you match the specificity it will override the existing ctyle

Do you have a link for the page?

Cheers
Paul

Never done that before. Any tips?

take2.blackwellhealthcare.com

The "What our customers say" is the section I'm talking about.

So with it having a module title it can't really be the moduleID of the zentools2 module

Each zentools2 module has its own unique moduleID - just as FYI

So instead it would be the page itemid class number combined with the module

Each page has its own unique itemid class number

So it would be .itemid-101 #grid13 {text-align:center;}

itemid class combined with the position

To use the custom.css file

Custom css is new css code you add to your site

its either - entirely new css code or css code to override an existing template style

The file it needs to be added to is called custom_rename_to_custom.css or if renamed custom.css (for the file to work it needs to be called custom.css) - this file is protected from being overwritten by template updates

The path to the file is
\templates\template name\css\custom_rename_to_custom.css

via the joomla backend the path is

extensions tab > template manager > Templates (top left in Joomla 3) > "template name" details and files > Edit css/custom_rename_to_custom.css

You might want to add some padding as well

.itemid-101 #grid13 {text-align:center;padding-top:2em}

You guys are the best!

Thanks

Best of luck with the site

Cheers
Paul

So this worked great but I just noticed that for the pages below the home page it's not pulling it over.

I've looked and looked and can't figure out why it's not working. Seems like it's calling the right information and should be grabbing that custom properties.

At home, the section is centered. Articles, not so much.

We are looking at the section called WHAT OUT CUSTOMERS SAY grid13.
Homepage: take2.blackwellhealthcare.com/
Article: take2.blackwellhealthcare.com/index.php/job-seekers/64-want-to-travel

Hi There,

This style was to target only the home page as it uses the itemid of the home page - if you check the HTML class it shows the page class

.itemid- and then a number which is unique to a page

If you want it to target other pages remove the .itemid-101