reduce the size of the module title

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
Sun Jun 26, 2016 1:31 pm
Reply with quote
Report this post
Hi,

I want to know how to reduce the size of the module title "News Show Pro GK5" which is in the position "banner_right" in the home page of the template News 2 .
I also wonder if the articles in this module can move vertically and not horizontally.

here is my website www.aidepharmacien.ma

I apologize for my English I use google translation !
User avatar
Senior Boarder

teitbite
Wed Jun 29, 2016 8:55 am
Reply with quote
Report this post
Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
#gkBannerRight .nspArt h4.nspHeader a {
    font-size: 10px;
    line-height: 14px;
}
User avatar
Moderator

GK User
Wed Jun 29, 2016 4:36 pm
Reply with quote
Report this post
Thank you so much
User avatar
Senior Boarder

GK User
Thu Jun 30, 2016 5:13 am
Reply with quote
Report this post
I apologize for bothering you with my questions ! I have a question about this page.
http://www.aidepharmacien.ma/anti-infla ... s?start=20
I try to vertically align the additional fields that are in front of their title. the grid module gk5 enables this alignation ?

Image
User avatar
Senior Boarder

teitbite
Fri Jul 01, 2016 5:27 pm
Reply with quote
Report this post
Hi

I see no use for grid module here. What You need is a better css styling. Add this to override.css

Code: Select all
.itemContainer {
display: block;
}
.catItemView {
width: 30%;
}

.extrafieldscolumns ul {
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
}

.extrafieldscolumns li {
display: inline-block;
width: 20%;
text-align: right;
}

.extrafieldscolumns li:first-child {
width: 20%;
text-align: left;
}

.extrafieldscolumns li:nth-child(2) {
width: 30%;
}

.extrafieldscolumns li:nth-child(3) {
width: 20%;
}

.extrafieldscolumns li:nth-child(4) {
width: 10%;
}


play with the width values to make it
User avatar
Moderator

GK User
Fri Jul 01, 2016 8:32 pm
Reply with quote
Report this post
Image

you are the best.....thank you so much teitbite
User avatar
Senior Boarder

GK User
Mon Jul 04, 2016 3:47 am
Reply with quote
Report this post
in fact, the code changed all categories of the site. So I change the class "itemContainer" with "itemContainer1". and I copy the folder / components / com_k2 / templates / default INTO templates / gk_news2 / html / com_k2 / templates. then i have change the folder name to "tablelist".
and since the category I can make the choice between default theme or tablelist

but for two days I still can not align the title with additional fields. is it possible ?
Image
User avatar
Senior Boarder

teitbite
Thu Jul 07, 2016 12:17 pm
Reply with quote
Report this post
Hi

Try add this code:

Code: Select all
.itemContainer1 .catItemView {
    float: left;
}

.itemContainer1 .extrafieldscolumns {
    width: 70%;
}
User avatar
Moderator

GK User
Sat Jul 09, 2016 10:38 am
Reply with quote
Report this post
excellent working teitbite.....thank you so much
User avatar
Senior Boarder

teitbite
Tue Jul 12, 2016 6:14 pm
Reply with quote
Report this post
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
User avatar
Moderator


cron