14 replies [Last post]
aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Hi Guys,
Would someone be kind enough to tell me which html page or css sheet I have to edit to get more space between the caption and the image on the following page
http://propertyinkenya.com/index.php?action=view_listing_image&image_id=200

I do not ask lightly. I have been searching for 2 days to find out for myself. I had a guy doing this for me down here in Kenya but unfortunately he passed away.
Any help appreciated.

A better question to enable me to help myself would be this.
How do I associate which template page to edit from a php generated page to change layout?
Regards from Africa
Aussiemike

When an old man dies we loose a library.
"Old Kikuyu saying"

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You need to edit style.css

And add this to it: .view_image img { margin-bottom: 5px } (or however much of a gap you want).

Quote:

How do I associate which template page to edit from a php generated page to change layout?

Can't tell you that without knowing what CMS was used to create the site and even then may not be able to help without knowing your directory/file structure.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Much appreciated Tyssen but

Much appreciated Tyssen but tried margin and then padding and neither worked.
Happy to give you access to the site itself if you would be kind enough to assist.
Been driving me mad!
To verify I had the right css sheet I changed the text-align to left and it worked.
Regards
Mike

.view_image {
    text-align:left;
padding-bottom: 50px;
padding-top: 50px;
}

When an old man dies we loose a library.
"Old Kikuyu saying"

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Apologies Tyssen. Penny just

Apologies Tyssen. Penny just dropped. Sorted and thanks.

When an old man dies we loose a library.
"Old Kikuyu saying"

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Thanks again guys,I am a 61

Thanks again guys,I am a 61 year old dog trying to learn new tricks. Not easy but I am determined to do it with a little help.
I have sorted the image problem thanks to your assistance. Could kick myself for not seeing it before.
To enable me to help myself in the future it would be helpful to know where to go to edit the following code taken from http://propertyinkenya.com/index.php?action=view_listing_image&image_id=200

<div id="col2">
<div id="col2_content">
<br />
<br />
<br />
<div class="view_image"><span class="image_caption">Pool deck - <a href="index.php?action=listingview&amp;listingID=37">Return to Listing</a></span><br /><img src="http://propertyinkenya.com/images/listing_photos/37_deck5.jpg" alt="Pool deck"  /><br />Pool deck taken during daylight hours.
</div>
</div>
</div>

I am trying to make the "Return to Listing" a smaller font.

I would also like to know what mistake I have made in the following.
I am trying to get a right and bottom shadow around the image.

.view_image img {
margin-bottom: 30px;
margin-top: 30px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #D6D6D6;
}

TIA
Mike in Kenya

When an old man dies we loose a library.
"Old Kikuyu saying"

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Return to listing font size

Find image_caption a in your CSS file and if it doesn't exist, add it and then font-size: XXpx.

For the borders on your image, they're there, but because they're so light, you don't really notice them at 1px size. If you make the borders wider you'll see them but they don't really work as a shadow. For that you need box-shadow which isn't supported by Internet Explorer yet. You can make IE support it but you need additional javascript help in the form of CSS3PIE.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Image and border problem

Image and border problem solved through pot luck.
Still would like comments on the first part of the question.
Is there no software that can tell me what php generated pages uses what html document?
Mike

When an old man dies we loose a library.
"Old Kikuyu saying"

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I answered this with my first response

aussiemike wrote:

Still would like comments on the first part of the question.
Is there no software that can tell me what php generated pages uses what html document?

No, there's not. We need to know what CMS your site is run on first to even begin to answer that question.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Thanks Tyssen, The CMS is the

Thanks Tyssen,
The CMS is the standard download from Open Realty.
What would you have me do to help with an answer?
As stated before I am happy to give user and p/w to anyone who can assist.
I doubt if anyone will benefit from hacking this site.
Please note! I only want answers . I want to do the work myself. Just need to understand it.
Mike

When an old man dies we loose a library.
"Old Kikuyu saying"

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Really pisses me off when

Really pisses me off when answers are so obvious and I have been too stupid to see them!
Really wish someone would ask the Question " How to live on a beach in Africa for 40 years and survive"
Would make me feel a little useful!

When an old man dies we loose a library.
"Old Kikuyu saying"

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

So...

does that mean you've found your answer?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Thanks Tyssen but it would be

Thanks Tyssen but it would be nice to know the html template files which contribute to the final output page. Otherwise everything is good thanks to you.
Mike

When an old man dies we loose a library.
"Old Kikuyu saying"

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

I have applied the PIE as you

I have applied the PIE as you suggested and am very happy with the result. Looks great!
Just for educational value what do I add to the css to have the image caption a align right and the image caption to the left.
Tried a few things but all failed.

.image_caption {
font-size:16px;
font-weight:bold;
float:left;
}
 
.image_caption a 
{
margin-right:auto;
font-size:10px;
font-weight:bold;
}

Regards and thanks for everything
Mike

When an old man dies we loose a library.
"Old Kikuyu saying"

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Try this

.image_caption {
display:block;
font-size:16px;
font-weight:bold;
text-align:right
}
 
.image_caption span { float: left }
 
.image_caption a 
{
font-size:10px;
font-weight:bold;
}

For the above to work, you'll need to add an extra span to your HTML around the bit that's supposed to go to the left. If you don't know where to locate that I'm afraid I can't help you, because I've never used the Open Realty CMS. Your best bet would probably be to check out the documentation at http://docs.transparent-tech.com/open-realty/latest/ under TEMPLATE DOCUMENTATION > PUBLIC SITE TEMPLATES > MAIN TEMPLATES

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 7 years 6 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Thanks Tyssen, Will digest it

Thanks Tyssen,
Will digest it all and hope it stays down.
Mike

When an old man dies we loose a library.
"Old Kikuyu saying"