News module

mindaugasma

Hello i created knews module using gavik news show pro extension but the final news module wont align how its suposed to, i want to acheave this effect like in this site with news showing https://www.kf.vu.lt/en/
And i dont know what i did wrong🙂

saguaros

Hi mindaugasma

As I can see that the layout is quite the same now, only style is a bit different, could you share screenshot of each part you want the same?

mindaugasma

i want to make like this 🙁 but the blocks are some sort of out of the places the last tho ones above.

saguaros

Hi mindaugasma

I see this section on homepage:

and this on your site:

Anyway, you can use Inspect Element editor in your browser, right click on the HTML elements you want and you will see how it's styled and apply to your live site.

mindaugasma

Yes this news module is in the home page😉 į created custom CSS file and inserted the command lines for news module, būt it still wont work, mybe you could help with the little programming, it would be greate that the news blocks be correctly sorted the last news pycture iš kitų ir order, į just want to fix the order, but for not programmer iš difficult😉

saguaros

mindaugasma Could you tell me a sample of code you added? and which element you're trying to style? so I can help.

mindaugasma

I inserted the code in the custom4.css file that i created i want to slyze the news block to make it like this

but in my projektas2.fun site the news blocks are i dont know why are not sorted correctly

i created new theme colled lkti2, because i need green collors, but in theme lkt2 /not default by know/ i dont get the same effect, but in lkti theme i getting good result, but i dont need the red collors, so ichoosed the green theme and modifited it to myke layout exactly like this site kf.vu.lt, i looked all the themes files that i created and i cant find the error, i am struggling for a week, and decided to get your help, because i cant find the sollution to the problem;/ mybe you cloud have some suggestions for the news module, how could i myke it in different why, mybe there is something wrong with the gavic knews show pro plugin, and myb e some modiffications are needed there, but i dont know what to do,/

/homepage naujienu nuotraukos/ /home page news pyctures/
.nspArt img.nspImage{
max-height: 210px;
}

/homepage naujienu blokas - 3-4 naujienos/ /home page news block/
@media (min-width: 601px) {
.homepage-news .nspArtPage > div.nspArt:nth-child(3) {
padding-left: 0px !important;
padding-right: 0px !important;
margin-right: 20px !important;
}
.homepage-news .nspArtPage > div.nspArt:nth-child(4) {
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 20px !important;
}
}

.homepage-news .nspArtScroll1 .nspArtPage > div h4 {
max-height:none!important;
}

saguaros

mindaugasma It also depends on the mode of module, do you have login info of this site? https://www.kf.vu.lt/en/

mindaugasma

Its my works web site, what info do you want from it😉? Į dont gavę login info, būt į gavę this sites modificated themes folder that they are using😉

mindaugasma

And the administrator wont give me the admin passwords 😉 Govermente organisation web site 🙂

mindaugasma

Hello sorry for disturbing, do you have some sollution to my problem 🙂?

saguaros

mindaugasma I meant this setting:

Could you check on that site?

mindaugasma

Hello Module mode is in standard mode 🙂

saguaros

mindaugasma

It turns out that the custom style you added with class suffix of this module caused issue:

It has padding set for child item in the module so it pushes the last item to next row.

If you try to remove this class, you will see that all items will show fine.

Regards

mindaugasma

thanks to you a lot😉 you have saved me😉 is there some articles about module class sufixes😉?

saguaros

mindaugasma There are not article about this, basically, you use module class suffix when you want to add specific style for this module specific.

mindaugasma

Thanks for help and the answer, you can close the ticket 🙂