Joomla Templates Club 406,261 posts

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1080664

Greetings,
Please advice how to make a module suffix to move and align the Event module over head slider a little bit up …

I tried to make it with
.pozevent .has-slideshow .t3-sl-1 .col-lg-6 + .col-lg-6 {
margin-top: -309px !important;
}
but it don’t move up the event module … please advice

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1080793

Hi,

Could you share screenshot of how you want it should be?

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1080901

This reply has been marked as private.

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1081057

Do you have any cache settings on your server side? pls try to disable it temporarily as when I added some CSS into custom.css file, I didn’t see any change on front-end although I cleared all caches in admin panel.

Could you share FTP account also?

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1081925

This reply has been marked as private.

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1082090

Hi,

Yes, I see the changes now. Kindly check.

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1082185

This reply has been marked as private.

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1082371

Hi,

You can add this custom CSS into the ‘custom.css’ file on your site:

div#es.mod-es-event.dark .mod-card__ft .g-list-inline>li a.btn.btn-es-default-o:hover,
div#es.mod-es-event.dark .mod-card__ft .g-list-inline>li a.btn.btn-es-default-o:focus,
div#es.mod-es-event.dark .mod-card__ft .g-list-inline>li a.btn.btn-es-default-o:active {
  background: #ffffff !important;
  color: #8bc34a !important;
}

@media (min-width: 1500px) {
.has-slideshow .t3-sl-1 .col-lg-6 + .col-lg-6 {
    margin-top: -366px !important;
}

Regards

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1082412

This reply has been marked as private.

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1082646

How you want it looks like in mobile?

The above CSS is for large screen, you can use media queries to add style for specific screen resolution: https://getbootstrap.com/docs/3.3/css/#grid-media-queries

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1082685

This reply has been marked as private.

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083166

So you want to have that style for the inactive tab or hover only? because on mobile, there is no action for hover.

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1083191

This reply has been marked as private.

B.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1083235

Hi,

Did you change the admin account? as I can’t login now.

Kindly check again.

[original.com Friend original.comJoin date: May 2017Posts: 109Downloads:70Uploads:20 Thanks: 30 Thanked: 2 times in 2 posts]

#1083404

This reply has been marked as private.

B.T.

[Author]

Posts