Styling Pages/Databases Help!

[Scoobs]

Let first preface this post by saying that I'm very new to this software.  I just bought 4.0 a couple weeks ago and I've been playing around with it to figure it out.  

One thing I really need a bit of guidance with is "how to style things".

On the example link I have a basic "buy/sell" page with a few mock entries.  With some basic CSS I changed the size of the labels and was able to change the width for the images but the height did not seem to respond...even with !important; added.  https://www.markhamconnect.ca/buy-sell-trade/babies-kids-toys-clothing?page=1

I'm wondering if any of you could provide some guidance/tips on how to display the images properly and without the grey "images" label attached to it & properly sized & positioned. 

When I tried to change the font size for the title I used: 

.ipsDataItem_title.ipsType_break {
     font-size: 20px; 
}

....but that didn't work and only changed the titles in the right sidebar (which I don't want)

I would also be curious to know how to change the size & location of individual fields? Just the "Price" tag for example.  Can this be done from fields>display options>Listing Custom Format ?

Any styling tips would be greatly appreciated.  

 

Thanks,

Martin

[opentype]

 

I would also be curious to know how to change the size & location of individual fields?

​In the settings of the specific fields go to Display Option → Display View Format → Custom
Then add whatever you like in the following text field. 

[Scoobs]

Thanks Ralf.  Would you be able to give me any examples?  Does this CSS work in this field?  A few examples would be a huge help...especially for the images.

[opentype]

Thanks Ralf.  Would you be able to give me any examples?  

For an image upload field you could use …

<img src="{$formValue}" class="ipsSpacer_both">

Does this CSS work in this field? 

​… and than add styling like this:

<img src="{$formValue}" class="ipsSpacer_both" style="width:100%; border:5px solid #000">

 

[Scoobs]

Thanks again Ralf.  That seemed to work if only one image was uploaded but not where multiple images were uploaded.  Do you know what needs to change to show multiple uploads?

I'm also noticing that the image is not clickable in the display view anymore.  Should it be?

[Scoobs]

I also can't figure out how to change the size/style of the title.  I'm figuring out the other fields ok but the title seems stubborn to me.  This is what I currently have inserted:

<span class="ipsDataItem_title ipsType_break" style="font-size:18px;">{$value}</span>  

The font size is not responding...wondering if you see something wrong with this.