Flex Banner with GK Music CSS

Hi,

We are having a small css issue with our template, we are using Flex Banner to add banner to our website, based on the support forum of Flex Banner, we were able to get these CSS styling to center banners in specific modules:

Code: Select all

div.flexbannergroupctbanner {
   text-align: center !important;
   margin: 35px;
}

div.flexbannergroupctbanner {
   text-align: center !important;
   margin: 35px;
}

We have applied these CSS styling to our override.css file in the template folder but this does not make any effect, we have added the ctbanner to the module class suffis and also enable override CSS styling in the template but it is not working, you can see a screenshot of the banner position below:

banner_styling.png

Additionally, you may see it live on this link http://www.mauriestate.com/ can anyone please help us with this CSS styling stuff?

By the way, we do not want to center all banner but only to have a module class suffix that we can apply to some specific module position to make the banner center.

Please try with this code :

Code: Select all

div.flexbanneritemctbanner > div {margin: 0 auto !important}

The results should be exactly like here >> http://d.pr/i/2ayt

Hi,

Thanks for the quick reply, the screenshot shows exactly what we want to achieve, however, after applying the provided code, the banner is still on the left of the page! Any advice please?

Hi,

Any update on this topic please?

The problem is that I don't see mentioned code via firebug so it is probably not added to your site. Where did you add this code ? I don't see it in override.css file >> http://d.pr/i/YZyM

Hi,

I have added the code exactly to the override.css file, you may see it attached to this thread, I am sending you the website admin access by pm so you can have an overview by yourself, additionally, we use also mijoftp, so you can also access the ftp directly from the website admin.

override.zip