Recent
Categories
View Replies (5)

Hayley Blog Image Issue/Bug?

0
Votes
Undo
  1. AlisonAMG
    AlisonAMG
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Friday, 06 January 2023
  5.  Subscribe via email
Hey Ciaran

I'm into a site I built on Hayley in J3 doing updates and will be bringing it up to J4 as well but while reviewing articles I came across this weirdness. The image is the same size as the others and the settings are the same but it isn't displaying right. I did a screen capture video so you can see what I'm talking about.

https://watch.screencastify.com/v/tbu7BXtxlYwfWm4LIJX2

Thanks for your help. I'm out of places to look to debug this.

Ali
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ali

It looks like the issue happens when there is not enough text to push an item to the full width.

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.blog-alternative .item {

    width: 100%;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Wellllll That was interesting.

Got to Custom CSS and this is what was in there already;
CSS-Old Custom.JPG

So I changed it to yours above and now I have this;
Not so much.JPG

I would also suggest that it shouldn't matter if the blog post title content was just HELP or a big long text the styling should remain consistent. At least that is what I expect.

Many thanks for any further help. The original was better than this. :(

Ali
Attachments (2)
Not so much.JPG Not so much.JPG
CSS-Old Custom.JPG CSS-Old Custom.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 2
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Also emailed site access if it is needed.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ali

I have amended the CSS to the following to resolve the issue...

.blog-alternative .item,

.blog-alternative .item-content {

    width: 100%;

}


And yes this should be expected regardless of the article content so I will create an update for the Joomla 3 and 4 version of this template to resolve the issue.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
AlisonAMG
AlisonAMG
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
You rock as always Ciaran!

Perfect fix and thanks so very much.
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok