Recent
Categories
View Replies (6)

Kodaline Questions

  1. Issue
0
Votes
Undo
  1. JoomlaGirl
    JoomlaGirl
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 08 May 2017
  5.  Subscribe via email
Hi,
I have a few questions regarding my new Kodaline Template:
*How do I get the icon for 'Meetup' to show in my social media icons panel? I have already inserted the relevant font awesome details (see attachment for a photo of my settings), yet it's not showing up whereas the other custom one I created is (see screenshot of icons on my site)
*What custom css should I use to remove the space /padding below the logo and menu on my home page please? (see screen shot of homepage)
* I would like to reduce the logo size by say 30% on my homepage. How can I achieve this please?

Thank you
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. To amend try adding the following to the Custom Head Code field in the Custom Code tab of your templates parameters...

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


2. To amend try adding the following to the Custom CSS field of your templates parameters

#container_header .wrapper960 {

    max-height: 124px;

}


3. To amend also adding the following to your Custom CSS field (https://www.joomla51.com/tutorials/item/creating-multiple-template-styles)...

.logo-image {

    max-width: 300px;

    position: relative;

    top: 12px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
JoomlaGirl
JoomlaGirl
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

Thank you the first issue with the Meetup icon is now resolved, thank you.

However, I inserted the second and third suggested CSS and it's created a bit of a mess (see photo). The logo is now too low and the menu has not moved lower down the container.

thank you
  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
Hello

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.

Ciarán
  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
Thank you

We have edited the suggested custom CSS to the following and your logo should be now displaying correctly...

#container_header .wrapper960 {

    max-height: 124px;

} 



.logo-image {

    max-width: 300px;

    padding: 0 30px;

    position: relative;

    top: -4px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
JoomlaGirl
JoomlaGirl
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

Thank you the logo now looks great on my PC, unfortunately it's not now fully visable on other devices. I have attached at screen shot of this error (Screen.jpg).

I am still wanting to move the menu a bit lower, so it's closer to the module below it, as per attachment (Kodaline Menu.jpg).

Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To move your menu down you can add the following to the Custom CSS field of your templates parameters..

.hornavmenu {

    top: 75%;

}


Using the Custom CSS fields in the Responsive Options tab of your template parameters you can add the following to set the logo size for each screen size (edit to taste)...

.logo-image {

    max-width: 200px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


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