gk news 2 category counter

Hi Site Support

I have two Issues on my site http://www.ekklisiaonline.gr

the first is how i can remove the counter of all categories

and second is how i can fix the photos size and the article size on the category and also into the article

Thanks in advance

Hi

Article counter is configured in K2 category settings.

Can You please show me an example of the second problem ? I do not understand it.

Hi Support Team

If you open the Category ( Fanari for Example )*
You will see the articles for this category
In the first screen of the article the image is in the right side of the panel and the article is under the photo
I'll wanted to change this and the article to appears on the right side of the image and the headline to be shown above the image.

*In Greek Language ( ΦΑΝΑΡΙ )

Can you assist me with this issue ?

Also how can i activate the read more button into the categories i have already activated into the categories option but the button does not appear.

Thanks in advanced
Dimitris

Hi site Support

The read more button has already enabled on the site http://www.ekklisiaonline.gr

but please help me for this : If you open the Category ( Fanari for Example )*
You will see the articles for this category
In the first screen of the article the image is in the right side of the panel and the article is under the photo
I'll wanted to change this and the article to appears on the right side of the image.

*In Greek Language ( ΦΑΝΑΡΙ )

Can you assist me with this issue ?

Also my logo on site http://ekklisiaonline.gr/ in on responsive for mobile

Can you assist me with this issue aswell

Thanks in advanced
Dimitris

Hi

Add this code to override.css and make sure override is enabled in template settings:

Code: Select all

.itemList .itemImageBlock {
    float: right;
}

.itemList .itemBody {
    float: none;
}

#gkLogo, #gkLogoSmall {
    height: auto;
    width: auto;
}

#gkLogo img, #gkLogoSmall img {
    max-width: 100%;
}


Hi Support Team

If i insert the code into overide.css its seems to be ok.
The text is next to the picture but i want to have some space between the text and the picture
How i can do that

Please se the attach file

Thanks in advanced
Dimitris

Hi

Change the first class to:

Code: Select all

.itemList .itemImageBlock {
    float: right;
    margin-right: 15px;
}


Hi Support Team

I tried to insert the logo code to overide.css but the logo reamain not being responsive for mobile is responsive only for tablet

also please help about this how i can transfer the social icons into the article next to the picture to new position under the picture

pls see the attached photo

Thanks in advanced
Dimitiris

Hi Support

I try to insert the code to overide.css in order to fix the article to appear next to the picture but i changed the code from right to left
and after that i insert the code to overide.css but the result is the same the article is next to the picture without spaces.

The code that I insert is :

.itemList .itemImageBlock {
float: left;
margin-left: 15px;
}

.itemList .itemBody {
float: none;
}

Can you help me please

Thanks in Advanced
Dimitirs

Hi

Looks like You've figured out most of the problems. I have checked the logo and the code I gave You is sufficient. Maybe try to use it with a higher level parameter.

Code: Select all

#gkLogo, #gkLogoSmall {
    height: auto;
    width: auto;
}

#gkLogo img, #gkLogoSmall img {
    max-width: 100%;
}


Hi Support

I try to insert the code to overide.css in order to fix the article to appear next to the picture but i changed the code from right to left
and after that i insert the code to overide.css but the result is the same the article is next to the picture without spaces.

The code that I insert is :

.itemList .itemImageBlock {
float: left;
margin-left: 15px;
}

.itemList .itemBody {
float: none;
}

Can you help me please

Thanks in Advanced
Dimitirs

Hi

Och, I can see You got this social plugin again. It complicate this a little bit.

There is no my code in override.css, but add this instead:

Code: Select all

.itemList .itemImageBlock {
    float: left;
    margin: 0 20px 30px 0;
}

.itemList .spshare > div:nth-child(4) {
    display: none;
}

.itemList .itemBody {
    float: none;
}


Hi Support

Thanks for your help

Logo is now responsive and the article appears next to the image

But i have one more question : how can i disable the photo zoom only on the article ?

pls see the following Url : http://ekklisiaonline.gr/index.php/arxo ... tou-kosmou

Thanks in Advance

Dimitris

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.itemImageBlock img:hover {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);   
}


Thank you for your Help Site Support

Now working succesfully

Hi

No problem. Glad I could help