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!