Hi,
I am trying to get the image to adjust according to the size of the screen but I can see it keeps getting out of the div when resizing the browser! even the text is not adjusting properly…
Does anyone also know what is overriding the pics description which should be bold?
I already spent a couple of hours on search and try but got stuck!
Gotcha! I also tried to create multiple divs for the text below…the initial idea was to have the text alignment on the left but centering the div rather than having full left…couldn’t manage that therefore I worked it around using padding on the sides!
I also put the image description as bold:
.picsDescription {
font-weight: bold;
font-style: italic;
text-align: center;
}
but it doesn’t seems to change to bold? is there any other parameter overriding it?
Your code above would usually work - but without looking too much into your code, I think there are some other styles set for it elsewhere that is causing issues
edit - i think it’s bootstrap with font-weight:500 for h1-h6
You are right, i thought about it myself and that’s the reason why I chose different heading sizes, but supposing a text with same heading size I should be able to target it by the div class if i understood well.
That’s why I thought something else was overriding it.
Thanks for your help, the changes work smoothly! I will have an other look anyway to try to catch the mistake myself to avoid repeating it next time!