Recent
Categories
View Replies (5)

Change Calibra logo & slogan font size

  1. Issue
0
Votes
Undo
  1. mortk1
    mortk1
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 12 October 2020
  5.  Subscribe via email
Hi Ciaran,

I'm using the Calibra template with logo text for my client's website. I need to reduce the logo font text size and also enlarge the slogan font text size.
What CSS code can I use to make these changes?

Here is a link to my development site:
Title

Thanks!

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

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

(edit to taste)

h1.logo-text a {

    font-size: 40px;

    letter-spacing: 0;

    white-space: normal;

}

p.site-slogan {

    font-size: 16px;

}


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,

That worked...thanks!

I'm having one last issue:
There is a dark strip at the top of the banner that I need to remove. Please see the attached file.
How can I remove that?

Mort
Attachments (1)
Calibra_Issue.png Calibra_Issue.png
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mort

That appears to be an issue with your mobile menu. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

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

That's great...thanks!

I tried to add a white column at the right of my pages but it comes in gray and has a border.
Can you send me some CSS to remove that formatting of the column?
Please see the attached file.

Regards,

Mort
Attachments (1)
Right_Column_Formatting_Issue.png Right_Column_Formatting_Issue.png
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mort

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

.backgrounds .sidecol_a,

.backgrounds .sidecol_b {

    background-image: none;

    border: 0;

    box-shadow: none;

}


Ciaran
  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!