Keyword

[SOLVED] How to display photo on an article on the left?

  • Rodrigo Canelas
  • Rodrigo Canelas's Avatar Topic Author
  • Offline
  • New Member
More
10 years 9 months ago #122831 by Rodrigo Canelas
Hi everyone,
I have been trying to display items in category list with the photo on the left of the text and not on top and I don´t manage to do it...
I just want to list all the items / articles in one column and with the photo on the left.
I truly appreciate your help on this, as I really need to find a solution, but I cant.
Many thanks and wish you all a fantastic year of 2014.
Regards
Rodrigo

Please Log in or Create an account to join the conversation.

  • olsen
  • olsen's Avatar
  • Offline
  • Elite Member
  • Joomla and K2 Freelancer
More
10 years 9 months ago #122832 by olsen
You need to manage this on your css. There are many post like this in the forum.

Set the property "float:left" to the class catItemImageBlock in your css file and will align left images on category listings.

Didn't solve your issues?? Why dont you consider hire me? Email me or contact me www.xevedigital.com for details

Please Log in or Create an account to join the conversation.

  • Rodrigo Canelas
  • Rodrigo Canelas's Avatar Topic Author
  • Offline
  • New Member
More
10 years 9 months ago #122833 by Rodrigo Canelas
Replied by Rodrigo Canelas on topic Re: How to display photo on an article on the left?
Hi Olsen,
Many thanks for your post.
I dont have a lot of experience on changing CSS and I would like just to confirm where should I add"float:left"?
Can you please just tell me what do I need to change?
This is the CSS:
div.catItemImageBlock {margin:0 0 0px 0;}
div.catImageBlock {position: relative;}
div.catItemImageBlock h2 {position: absolute;margin-top:-5%;}
div.catItemImageBlock h2 span {font-size:24px;background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.7); padding: 10px;color:#fff;}

Many thanks and I truly appreciate your input.
Thanks
Rodrigo

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 9 months ago #122834 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: How to display photo on an article on the left?
Just add div.catImageBlock { float: left; } but you will probably have to add margins and clears on other parts of your template as well.

The template developer will have a better knowledge of the customisation he has done.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Rodrigo Canelas
  • Rodrigo Canelas's Avatar Topic Author
  • Offline
  • New Member
More
10 years 9 months ago #122835 by Rodrigo Canelas
Replied by Rodrigo Canelas on topic Re: How to display photo on an article on the left?
Many thanks Krikor.
Rodrigo

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum