What do you mean by centre them? Surely they are default centre aligned? Do you have a link to your page?
Adam
http://vsg-p.be/bestuur-2019-2020/
and the same for http://vsg-p.be/workshop-commissie/
I would like the pictures to be in the middle, above the text. Since I made the picture smaller they are no longer aligned in the center.
The CSS for class img-responsive is inheriting something somewhere that’s broken it
I changed the class for Nick Vos to “adamtest” then added CSS for that class of:
display:block;
margin-right: auto;
margin-left:auto;
height: auto;
width: 50%;
and it worked perfectly. Have a photo but can’t upload it on here
Another tip would be to try using smaller images. I’m not sure why, but when I did my meet the team page (see http://www.tsllighting.com/meet-the-team ) the styling broke with large images of 3000px x 2000px but when I made them 500px it worked perfectly, which makes no sense to me but it works!
Adam
Hi Adam,
Thanks for your reply!
I’m not a programmer at all so I don’t know how to change classes and all that 🙂
Is there an easy way to explain to a rookie?
If not I think I’ll go look for someone who can help me in real life
Iris
Hi Iris,
No problem at all! Each part of your webpage will have a class (basically a name tag) that determines how it’s styled. The style parameters/instructions are then stored either in the header of the webpage itself or normally in your wordpress theme’s style.css sheet. Have a look at W3 schools online and generally google for how cascading style sheets work.
What you need to do is find the class in your stylesheet that’s misbehaving and then add in the new parameters to fix it.
Good look, you got this! 🙂
A
hi @ivdneut,
you can change in custom css in our plugin..
Thanks.
