Public Forums 71,145 posts

[oby01 Friend oby01Join date: February 2014Posts: 8Downloads:0Uploads:3]

#195275

HI,
I wish to use the corporate layout, but the pictures I wish to use in the slideshow have a width smaller than the size of the container (my images have a width of 1040 px for 400 px height). So I have a grey border on the right of the prictures and the right arrow is on that grey part. How can I align the image in the middle of the container whatever the size of the picture and have the arrows in the picture and not out of it.

Thanks for your help

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#524727

You can post your site’s URL here and turn off Optimize CSS in template manager (by setting it to No option), I will have a look and help you out.*

[oby01 Friend oby01Join date: February 2014Posts: 8Downloads:0Uploads:3]

#524858

I think i found the way to solve my little problem. I don’t know if this is the right way but it seems to work.
I modified the line 5807 of t3-assets/dev/templates.purity_iii.less.bootstrap.less.css. Instead of max-width 100% , I wrote width 100%

Bye

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#525256

It’s not recommended to edit CSS in that optimized file, please try to add your custom CSS into this file: /templates/purity_iii/css/custom.css (if this file isn’t existing in your website, simply create it)

[oby01 Friend oby01Join date: February 2014Posts: 8Downloads:0Uploads:3]

#525323

Well, the file (custom.css) was empty so I copied the paragraph containing the line of code I had modified previously in the other file (bootstrap.less.css) and it works as well… So if this is the right way to do it, it’s done and it works fine.
Thanks a lot.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#525346

You should put your custom CSS code in this ‘custom.css’ file because when you update T3 plugin or template, you custom change will not be affected.

[Author]

Posts