how to add some margin above the top of the logo

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sat Nov 16, 2013 8:48 pm
Reply with quote
Report this post
HI Team,

1. Could you explain to me how to add some margin above the top of the logo as there is no space above the logo and the top edge of the header?

I was advised to add this code to create more space for my logo. Could we change this code somehow to add space at the top:

Code: Select all
#gkHeaderNav {
    min-height: 110px;
}


2. Also how could I center the menu text (Home, Artist Area etc.) so that it is horizontally centered with the logo and the header as well perhaps (obviously I could adjust this with the css code if that is how it could be done). Right now there is more space below the menu links than there is above it.

Header-Logo-Menu-Issues.jpg


My apologies but I’m just not that great when it comes to figuring out css modifications! Thanks.
User avatar
Senior Boarder

GK User
Sun Nov 17, 2013 10:21 am
Reply with quote
Report this post
Could You please post an url to your site?
User avatar
Moderator

GK User
Sun Nov 17, 2013 8:20 pm
Reply with quote
Report this post
Cyberek wrote:Could You please post an url to your site?


Very sorry, silly me!

Here is the home page:

http://www.signature-tunes.com/

There is also a problem with the css of the "Top Users" module located nearer the bottom of the page.

This is the recommended css code that I'm using for the Module Class Suffix

Code: Select all
cMods cMods-TopMembers bigtitle normal-width


Thanks.
User avatar
Senior Boarder

GK User
Mon Nov 18, 2013 1:25 pm
Reply with quote
Report this post
Any news on these issues please?
User avatar
Senior Boarder

GK User
Tue Nov 19, 2013 7:39 pm
Reply with quote
Report this post
1. It seems you have already added some margin above the logo with use of override technique. Am I gight, or You need to add more space?
User avatar
Moderator

GK User
Tue Nov 19, 2013 7:42 pm
Reply with quote
Report this post
2. Menu is already centered horizontally, but because logo is bigger than login button it seems its a little bit to the left. You can use override.css and add this code:
Code: Select all
.gkMenu > ul {
margin: 22px 0 0 100px;
}

It will move menu a little bit to the left to create more centered presence.
User avatar
Moderator

GK User
Tue Nov 19, 2013 7:45 pm
Reply with quote
Report this post
3. To move dropdown items down, please add this code to override.css:
Code: Select all
.gkMenu > ul > li > a {
height: 98px;
}
User avatar
Moderator

GK User
Tue Nov 19, 2013 11:53 pm
Reply with quote
Report this post
Thanks Cyberek,

Every issue now seems to be solve except the "TOP USERS" css issue.

Here is a photo of what it looks like:

Top-User-module.jpg


I think this is the last issue!

Thank you.
User avatar
Senior Boarder

GK User
Wed Nov 20, 2013 11:48 am
Reply with quote
Report this post
And whats wrong with text "Top Users"?
User avatar
Moderator

GK User
Wed Nov 20, 2013 12:23 pm
Reply with quote
Report this post
Cyberek wrote:And whats wrong with text "Top Users"?



The text is fine however I've looked in the documentation and I cannot see anything there that will help me to configure this module so that it looks like your demo. For a start the "user points" text are not showing and the module is positioned too far to the left. I used the module class suffix which was recommended:

Code: Select all
cMods cMods-TopMembers bigtitle normal-width


so if it is wrong what is the correct code to use there? Is this code causing the problem?

In fact the user points "image" are also missing from the JomSocial members pages as well. See this one for example:

http://www.signature-tunes.com/signatur ... dy/profile

At the top there is a row of links, "ABOUT ME", PHOTOS.... and then at the end there should be the "Points" images. They are missing.

Thanks.
User avatar
Senior Boarder

GK User
Sat Nov 23, 2013 1:15 pm
Reply with quote
Report this post
Sorry, but links you provided does not work :(.
As the main topic is solved, please ask each of the questions as a separate forum thread - it will be easier for us to answer, as each moderator specializes in different topics.
User avatar
Moderator


cron