Jump to content

Styling Pages/Databases Help!


Scoobs

Recommended Posts

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

Link to comment
Share on other sites

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">

 

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...