Recent
Categories
View Replies (5)

Chloe Banner Issues

  1. Issue
0
Votes
Undo
  1. mortk1
    mortk1
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 06 August 2023
  5.  Subscribe via email
Hi Ciaran,

I'm using the Chloe template to migrate a website and have these issues with the banner:

1) The banner logo image looks fine on desktops but is too small on phones.
Is there CSS code that would allow me to adjust the image banner on mobile devices?
Here's the link:
Title

2) How can I attach alt-text to the image banner? I need the text to appear when I hover over it.

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

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

.showcase-1b .module_surround {

    padding-inline: 0;

}


2. I am not familiar with your slideshow module (SmartSlider). The option to include alt text would need to come from the module itself.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mortk1
mortk1
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

For #1, I tried adding that CSS to the Custom CSS field but nothing changed.
Is there some other code that would allow me to enlarge the banner image on phones?

Thanks,
Mort
  1. more than a month ago
  2. Commercial Templates
  3. # 2
FrancW
FrancW
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
did you try within the template parameters (general|logo) adding a mobile logo image?
That should work when the site is viewed on mobile
  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
Hello

I may have misunderstood your query. Instead, try adding the following to the Responsive Custom CSS fields within the General -> Responsive Options tab of your template settings. For more details on using these fields may I suggest the following article... https://joomla51.com/tutorials/template-parameters/applying-custom-css-to-a-screensize-device

.logo.logo-image {

    padding: 10px 0;

}

.header_row .wrapper960 {

    padding-inline: 0;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
mortk1
mortk1
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

That fixed it...the mobile banner is the perfect size now...many thanks!

Mort
  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