Make Featured Artists module look like Newsletter module

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
Fri Jan 08, 2016 12:49 pm
Reply with quote
Report this post
Hello!
Just wondering if anyone might have some adivce on how to make the "Featured Artists" module background image fully encompass the content of that module so that the skewed diagonal line doesn't cut through the module content but sits under it?
In other words, I'd like it to look much like the "Newsletter" module with the picture extending under the content and with the white naviagation arrow rather than the coloured one.
If it helps to look at my site it can be found at: http://www.iridiumimages.com where I would like the "Portfolio - Musicians/Performers" to look like the "Portfolio - Live Music" module.
Thanks,
Jason
User avatar
Fresh Boarder

teitbite
Mon Jan 11, 2016 12:28 pm
Reply with quote
Report this post
Hi

I'm sorry, but I do not understand. I do not see a difference between this modules. Can You please explain it a little better ?
User avatar
Moderator

GK User
Mon Jan 11, 2016 1:47 pm
Reply with quote
Report this post
Hi Teitbite,

Thanks for your reply.

On the demo for MusicState it's not obvious what my problem is. If you look at my site at http://www.iridiumimages.com it should be clearer.

I'd like the parallax image of the record in the "Portfolio - Beauty/Portrait" to cover the whole module (as it does in the "Portfolio - Fashion" module below it.

I've trawled through the CSS with FireBug but can't seem to work out what makes the two modules behave differently. I'm sure it's there but I just can't see it.

Jason
User avatar
Fresh Boarder

teitbite
Wed Jan 13, 2016 4:58 pm
Reply with quote
Report this post
Hi

I think I understand. Please add this code to override.css

Code: Select all
.frontpage #gkBottom2 {
    background: #141414 url("../images/common/people_bg.jpg") no-repeat scroll center top;
    overflow: hidden;
    padding: 350px 0;
    position: relative;
}

.frontpage #gkBottom2::after, .frontpage #gkBottom2::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 350px;
    position: absolute;
    top: -175px;
    transform: skewY(12deg);
    width: 100%;
}
User avatar
Moderator

GK User
Mon Jan 25, 2016 1:31 pm
Reply with quote
Report this post
Teitbite,

Thanks for the code. Didn't quite do what I was after.

I needed this working ASAP so I contacted tidycustoms.net and, for a very reasonable US$10, had it working in minutes.

Thanks again for your repsonses.

Regards,
Jason
User avatar
Fresh Boarder

teitbite
Mon Feb 01, 2016 12:57 pm
Reply with quote
Report this post
Hi

Ok. Great to hear it. Sorry I misunderstood. I'm closing this thread than.
User avatar
Moderator


cron