Joomla Templates Club 406,261 posts

[giulia72 Friend giulia72Join date: July 2011Posts: 238Downloads:18Uploads:33 Thanks: 5 Thanked: 1 times in 1 posts]

#863245

Hi
First of all I cannot give you admin access to my website.

I would to recreate the same effect of Ja beranis demo when I click in content slider module.
I have insert a thumbnail image in the article but I see it in the left position near the title with content below (see enclosed image).
I would to see it on the left of the title and content as I see in Ja beranis demo.

How can I do it?

Thank you
Giulia

---

Attachments:

1. article_img_thumbnail.pdf

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#863448

Hi,

You can try to use the CSS style below

Create templates/ja_beranis/css/custom.css file and add new rule

section.article-image .item-image {
    margin-bottom: 200px !important;
}

Hope it helps

Regards

[giulia72 Friend giulia72Join date: July 2011Posts: 238Downloads:18Uploads:33 Thanks: 5 Thanked: 1 times in 1 posts]

#865165

Hi
How I can indicate to use this rule in my articles?
Thank you

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#865401

If want to apply only article, you can use this rule below

.item-page section.article-image .item-image {
    margin-bottom: 200px;
}

[giulia72 Friend giulia72Join date: July 2011Posts: 238Downloads:18Uploads:33 Thanks: 5 Thanked: 1 times in 1 posts]

#865412

Maybe I was not clear (sorry)
In the case I want to apply to all the articles, what are exactly the steps?
Do I have create only templates/ja_beranis/css/custom.css file with new rule?

Should it work without any other settings?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#865425

Yes, you can try to use my solution on your site and let me know the result

[giulia72 Friend giulia72Join date: July 2011Posts: 238Downloads:18Uploads:33 Thanks: 5 Thanked: 1 times in 1 posts]

#865451

Hi
I’m sorry but it doesn’t work:
it moves the content of article below leaving a lot of white space.

See the enclosed image

---

Attachments:

1. thumbnail_custom_css.pdf

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#867250

If possible, you can include the URL of your site here, I will help you to check and suggest the solution for you.

[giulia72 Friend giulia72Join date: July 2011Posts: 238Downloads:18Uploads:33 Thanks: 5 Thanked: 1 times in 1 posts]

#867540

Hi
I’m working locally, but if you see the image you can see exactly what I have.

I think your code (margin-botton…) is not correct as I want the thumbanail on the left of text.
Your code insert only a space of 200 px at bottom of thumbnail image

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#867627

It’s very hard to suggest the solution for you if I only see the image below. Please give me the URL of your site here, I will help you out.

---

Attachments:

1. 

[Author]

Posts