Help with CSS changes

Hi. First of all, thanks for the great template and the great support! I really appreciate it! I am not so good at finding the correct CSS code and using firebug to make changes to fix things. Therefore I appreciate this great forum and the help you give.

There are some minor things I would like to improve:

1. The ‘’Header tab’’ module on the front page is cutting half of the top circle on the letter ‘’Å’’. Can you please help me fix this? Please see attachment 1.

2. In the K2 category listings I want to remove the title that states ’’ Children categories’’ or in my case ’’Underkategorier’’ and also the empty space here when the title is removed. Please see attachment 2, point 1.

2 In the K2 category listings I want to remove the empty space on top of the titles of the sub categories. I would like to have the same space on top as it is below. Please see attachment 2, point 2.

3. I would like to list the articles without images and with a small font. So in K2 category settings I have set it to only show ‘’Links count’’ in the ‘’Category item layout’’. This works great, but I wan to remove the text says ‘’More’’ or in my case ‘’Mer’’. Please see attachment 2, point 3.

4. I would like to remove the empty space as shown on attachment 2, point 4.

I would be very grateful for the help

Could You please post an url to your site?

The site is not public yet, I sent you admin details on PM.

Please edit: /templates/gk_game_magazine/css/override.css and add at its end:

Code: Select all

#k2Container .itemListSubCategories {display: none;}
#k2Container .itemList #itemListLinks > h4 {display: none;}
#k2Container .itemList .itemContainer {margin-bottom: 6px;}


Remember to enable "CSS override" in template settings - advanced section.

This should fix some of the problems.

Code: Select all

#gkHeader ul.gkTabs li.active, #gkHeader ol.gkTabsNav li.active {
line-height: 40px;
}


And this code should fix homepage.

Thanks a lot! The homepage is fixed and some of the other problems as well.

But this code:

Code: Select all

#k2Container .itemListSubCategories {display: none;}

makes the whole sub-category section disappear. I do want it there, but without the heading and the extra empty space on the top side within the boxes that show the sub-category headings.

I want it to look something like the attachment I just made in photoshop.

Could you post exact link to that page?

http://islamqa.no/kategorier/islamske-vitenskaper

Please try with this code:

Code: Select all

#k2Container .itemListSubCategories > h3 {display: none;}
.subCategory h2 {
margin: 0px 0 0;
}


Thanks a lot, the problem is solved

Great
If You will have any other questions, feel free to post new forum threads.