1. DamsStChristophe
  2. Commercial Templates
  3. Monday, 24 September 2018
  4.  Subscribe via email
Hi there.

I know it is a relatively old template, but I have a few questions about "Caitlin".

1)
I am trying to use a picture, 1160x399 in the header in the header (Header Slideshow Image) but the image wasn't entirely displayed so I added

#header {
height: 399px;
}
in the "custom css", but the image is blurry/streched.
The only way to get a proper image is to set the height at 330px.

Why is that?
Is there a way to have my image properly displayed at 1160x399?



2) Is there a way of making the small arrows for the dropdown menu disapear/not be displayed?



I can provide an url through your email if nescessary.

Thank you.

Damien.
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hi Damien

1. Would you have a URL to an example of this issue?

2. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav > ul > .parent::after {
display: none;
}


Ciaran
DamsStChristophe Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.

Thank you for your reply.
The arrows are not displayed anymore.

For the blurry picture, It seemed to be related to the size of the slideshow, so I tried :

#vegas-slideshow {
height: 399px;
}
...and it seems to be working.

I have emailed you a link.

Thank you again for your time.

Damien.
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hi Damien

Thank you for the update. Your slideshow image appears to be now displaying correctly.

Ciaran
DamsStChristophe Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.

Yes, I managed to make it work.
I have one more question though...
How do I do for the menu of the page being visited to be of a different colour (a:active) ?
Been trying a few things, it doesn't work :(
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

Edit to taste

.hornav .active a {
color: #f00;
}


Ciaran
DamsStChristophe Accepted Answer Pending Moderation
0
Votes
Undo
It works much better that my attempts...
Thank you.
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Join Our Newsletter




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.