JA-sidenews - horizontal - Support Central

JA-sidenews - horizontal

crystalrain123

Hello, I would like to use Ja SideNews Horizontal layout instead of vertical layout. I know it is possible because you advised me how to do it in past, but it does not work with the layout of my page. Thank you for answer! Suggested change in custom.css does not work. I added this to my page, but no luck.

#ja-sidenews-jasd-modid91 .ja-sidenews {
width: 32%;
float: left;
margin: 0 5px;
font-size: 12px; }

	and .col-sm-6 {

width: 100%!important;
}

teitbite

crystalrain123 Hi. Can You please show what You have in mind? Maybe by preparing a screenshot with how it should look like?

crystalrain123

teitbite

Here is the original post: https://www.joomlart.com/forums/d/6620-sidenews-horizontal-layout-setting

I would like to have three news next to each other, with text under the pictures.

aman204

crystalrain123 Hi

Can you provide direct site link where specific module can be seen in order enabling us to take closer look as it isnt seen on homepage

crystalrain123

Hello, it is landing page exactly as you see it on the homepage (left side). It has 5 articles displayed. I would like to have 3 articles next to each other. Please see the example.

aman204

crystalrain123 I would like to have three news next to each other, with text under the pictures.

I am not quite sure as to what exactly you wish to derive as the articles can already be seen alongside each other. Ref: screenshot

Kindly elaborate or perhaps, You may post screenshot marked with annotations as to what you wish to derive exactly.

This should really help to ensure that we are able to address your query more appropriately.

teitbite

crystalrain123 Hi. This part is a module in module settings You would have to select it to show in columns. After that You would need to remove another module from sidebar module position.

crystalrain123

teitbite

Yes no problem, could you please tell me where can I find this column setting in module setting? Removing other modules is not a problem at all. Thank you very much.

teitbite

crystalrain123 Hi. Please attach an access to Your joomla panel in a black field of first post of this thread so I'll check.

crystalrain123

teitbite OK, so I achived the layout you can check on my page by changing:

.ja-slidenews-item {
border-bottom: none!important;
padding: 5px!important;
clear: none!important;
width: 33%!important;
}

.ja-slidenews-item img[align="right"] {
margin-left: 0px!important;
margin-bottom: 10px!important;
width: 100%;
}

I aware that this is not best solution, but I am happy with the result. Could you please suggest me changes so it is perfect? I would also appreciate if you advice me how to make this layout responsive on mobile phone, becuase it is not. Thank you!

crystalrain123

aman204 Thank you!

Well, I achieved horizontal JA-sidenews on computer screen on my own. Unfortunatelly this new setting is not responsive. Could you please help me? Please see screenshot. It shows what I want to achive.

aman204

crystalrain123 Unfortunatelly this new setting is not responsive.

To achieve the desired result for responsive mobile mode, Try add this to custom.css file -

@media only screen and (max-width: 480px) {
  .ja-slidenews-item {
    width:100% !important;
		float:none !important;
  }
}

crystalrain123

aman204 Thank you Very much, everything works perfectly !!!!!!