Button style

zoohayr

Hi,

I would like to know why the module "Test1" does not display the buttons (see attach) which allows to see the details like the style of the module "SKYLINE DOWNLOADS". thank you in advance

teitbite

zoohayr Hi. Looking at css looks like the style is only if there is a class ".col6" in upper layer. I would suggest to add this class as a module additional suffix.

zoohayr

Hi Teitbite, I hope that you are in good health 🙂

I use a module of a component buy "Download pro" but after setting in position. the files are displayed vertically. I ask the coder of the component who advised me to add this code in the style.css component (because I ask him that I load to a horizontal display) :

.sl_downloadpro .ja-slidenews-item {
clear: none;
width: 16.6667%;
padding: 0 15px;
border-bottom: 0;
}

by adding .col6 the display goes back to vertical but the buttons do not change and stay in their positions !

teitbite

zoohayr Hi. Please disable css compression as it's very hard to find a correct style behind it. But I've just tried and when I look it up in developer tool, removing "col6" makes no difference, at least for this 2 element:

.ja-slidenews-item .ja-slidenews-image .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
}

.ja-slidenews-item:hover .ja-slidenews-image .btn {
   display: block;
}

zoohayr

Hi,

I'm sorry, I disable CSS compression. that's the code I have in the style.css file :

.sl_downloadpro .ja-slidenews-item {clear: none;width: 16.6667%;padding: 0 15px;border-bottom: 0;}
.ja-slidenews-item .ja-slidenews-image .btn {
position: absolute;
bottom: 0;
right: 0;
display: none;
}

.ja-slidenews-item:hover .ja-slidenews-image .btn {
display: block;
}

the alignment is perfect but the "Hover" function of the button that opens in a new tab is not displayed ?

aman204

zoohayr but the "Hover" function of the button that opens in a new tab is not displayed

I am able to see the "hover" button which is appearing. If wishing to refer to something else, Kindly elaborate in order to assist precisely without any ambiquity

zoohayr

Hi aman204,

I'm talking about the module "Test1" which is in the homepage. I'm looking for the button style that opens in a new tab of the module resembles that of the module "SKYLINE DOWNLOADS" which is just above him.

[https://ibb.co/w4kf2M4])

Ninja

zoohayr
Hi
Both the module looks completely different with different type and style, you have to use the same module on another position to get same effects.

i can share more info, once you add site super user login in Edit fields option in the 1st post of this thread.

Regards

zoohayr

Hi,

Thank you Pankaj for your intention. I know it's not the same style but I need this style in this position not really for the home page but in almost every other page. so if it is possible to have the latter it will be very desirable and thank you very much.

the coordinates of the site have been added

Ninja

zoohayr
Hi
as suggested by Tetbite in the first post, you need to add the module suffix to get same button.
I added it and its showing the button http://prntscr.com/mbghs3

zoohayr

Hi,

thank you so much Pankaj.

aman204

zoohayr Kindly let us know if query to relative topic has been resolved so as to mark the thread as resolved or need further assistance on the same 🙂

zoohayr

Hi aman204,
I'm really sorry to bother you, but the module is only displayed in this way on the homepage. the same module in the same postition but in another page is displayed vertically! do you have an idea why ?

[https://ibb.co/ZYcLmcW]

Ninja

zoohayr
Hi
I fixed the problem directly on your site, the module style is not loading on site.
I added code in custom.css file that fixed this issue.

Regards

zoohayr

Hi,

thank you so much Pankaj, and thank you to all the members who helped me.

Problem solved Aman204 🙂