Problems Logo & Graphical Overwritings

Hi Guys,
thanks for the great template i love working with it ! I have some short questions which have been bothering me the last days.


1) Header
When i try to use an Image as a Logo it looks totally wiered, my Logo is 592x32 how can i implement this. i do not need the Search Field and the Top Menu just in case these modules are causing the Problem. I attached an Image, with the Problem "http://studentexpert.net/member/Support/20111128_Logo_592x32.JPG"

2) K2 Graphic Overwritings
2.1) Dark Box K2 Categories in Items
I would love to turn the section where the Categories are Displayed into white. Do you know where i can do this? I attached a Picture with the Problem "http://studentexpert.net/member/Support/20111128__GraphicOverwriting_1.JPG"

2.2) Leave Comment in K2 Items
The "Leave Comment" Writing is by default a white font. Do you know where i can change the colour of it? I attached a Picture with the Problem "http://studentexpert.net/member/Support/20111128__GraphicOverwriting_Leave_Comment.JPG"

2.3) Category Box
Do you know where i can change the Color of the Category Box in K2 Categories? I attached a Picture with the Problem "http://studentexpert.net/member/Support/20111128__GraphicOverwriting_K2_Categories.JPG"

3) Jomsocial Applications Graphic Overwriting
I Installed Jomsocial with the default template. It seems as there is somewhere a Graphical Overwriting with Yellow which displays in every single Application. Do you know where i can turn this off? I attached a Picture with the Problem "http://studentexpert.net/member/Support/20111128__GraphicOverwriting.JPG"

4) Read More Link
I would love that the Read more Link is underlined at the moment it´s not really clear if it is Text or a link and it would help to be more readable to the users. Do you know where i can change this. I attached a Picture with the Problem "http://studentexpert.net/member/Support/20111128__GraphicOverwriting_Underline_Links.JPG"

Sorry for all the Questions
Your Template is absolutely awsome !

My site is studentexpert.net/member

To use CSS override go to Template Settings > Advanced or Dev Tab and turn on CSS Override...

1. Seems to be fixed
2. Which graphics ?
2.1
Use css code in override.css

Code: Select all

.itemNavigation { background: #ffffff ; }


or directly edit below.
Find File: /templates/gk_party_freak/css/k2.css
Find Line: 388
Original css:

Code: Select all

.itemNavigation { padding:4px 8px; margin:0 0 24px 0; border:1px dotted #3d3d3d; background: #0d0d0d  }


Changed css:

Code: Select all

.itemNavigation { padding:4px 8px; margin:0 0 24px 0; border:1px dotted #3d3d3d; background: #ffffff }


2.2
Find File: Same as above
Find Line: 208
Original Css:

Code: Select all

.itemCommentsCounter {   border-bottom:1px solid #3d3d3d; font-weight:bold; height:40px; line-height:40px; margin:0 0 20px; padding:0; text-align:left; font-size: 180%; color: #fff; font-weight: normal;  }


Change color: #fff; - below uses color: #000;

Code: Select all

.itemCommentsCounter {   border-bottom:1px solid #3d3d3d; font-weight:bold; height:40px; line-height:40px; margin:0 0 20px; padding:0; text-align:left; font-size: 180%; color: #000; font-weight: normal;  }


2.3
Find File: Same as above
Find Line: 461
Original Css:

Code: Select all

.itemListCategory { background: #0D0D0D;margin:4px 0 40px;padding:12px; }


Change background to your chosen color.

3-
Style is used twice. so best way would be to use it in override.css
css code :

Code: Select all

#community-wrap .cSidebar > h3 span, #community-wrap .cModule h3 span { background: #FFAE00 ; }


Change background:#FFAE00; to your chosen color.
OR direct edits
1st File: /components/com_community/templates/gk_style/css/style.css
Line: 965
2nd File: /templates/gk_party_freak/css/style1.css ( styleX.css depends on your chosen style in template settings )
Line: 150

4- Readmore class is generic in joomla css. Use below in override.css as it easier.
If you want all standard , hover , active to be same style use below, below also changes text color if you dont want it delete color:#000;

Code: Select all

a.readon:hover, a.readon:active, a.readon:focus { color:#000; text-decoration: underline; }


Or you can have them seperate colors etc. Change color, have underline or not , make text bolder etc...

Code: Select all

a.readon:active { color:#000; text-decoration: underline; }
a.readon:hover { color:#000; text-decoration: underline; }
a.readon:focus { color:#000; text-decoration: underline; }


See below url for more text css classes you can use...

Code: Select all

http://www.w3schools.com/css/css_text.asp


See you around...

hi there,
thanks for the Help, i still have problems with the Logo. I haven´t really fixed it i just replaced the Logo.png with a small version of my logo. I would really love to have a big Logo 592x32 do you know thow to do this?

cheers Phil

You need to increase available width as currently it is set for 186px wide.
Find File: /templates/gk_party_freak/css/template.css
Find Line: 50
Original Code:

Code: Select all

#gkLogo { height: 72px; margin:0;width:185px;float:left; }


Change 185px to 592px

Code: Select all

#gkLogo { height: 72px; margin:0;width:592px;float:left; }


See you around...

Thanks very much Norman that really helped me a lot

Two more questions just recently poped up.
Do you know where i can change the background of these Elements
Picture one / Yellow to transparent
Picture two / black to transparent

http://studentexpert.net/Files/20111203 ... riting.JPG
http://studentexpert.net/Files/20111203 ... ting_2.JPG

cheers and thanks for the amazing support
Phil

1. I don't have a jomsocial installation at the moment and in demo website friends location is not enabled, therefore i cant suggest changes unless i see it on a live website. So if you can send a link i can check it for you.
2. Below Class's all use the same style
File: /templates/template_name/css/style1.css
Line: 93

Code: Select all

body #community-wrap .advance-not-found,
body #community-wrap .event-not-found,
body #community-wrap .group-not-found,
body #community-wrap .people-not-found,
body #community-wrap .video-not-found,
body #community-wrap .community-empty-list,
#cWindow .community-empty-list { background:#0D0D0D; color:#FFAE00; }


If you don't want to effect other sections and only want to change group not found location as in your second image then simply use below code in override.css file, of course make your changes to background color.

Code: Select all

body #community-wrap .group-not-found { background:#0D0D0D; color:#FFAE00; }


See you around...