Tour in the same style as Cardinal

[Amber Needler]

Hi,

I designed this site and I’m still in the process of developing it. When I designed the visuals for it, Uplift had not yet been released so I was originally planning on developing using Cardinal – then Uplift was released and chose that instead. But that meant that the Tour I have on the homepage under “Who For” isn’t in the style I’d like it to be in! (Same style as Cardinal)

So I am wondering if its possible to have it in Cardinals style? I have provided a screen shot of what it is I’m after.

Thanks,

Amber

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.spb_tour .nav-tabs {
    width: 150px;
}
.spb_tour .tab-content {
    padding-left: 60px;
    padding-top: 0;
    border:0
}
.spb_tour .nav-tabs li {
    box-shadow: 0 0 5px rgba(34, 34, 34, 0.05);
    font-size: 14px;
    font-weight: bold;
    margin-left: 0;
    margin-top: 10px;
}
.spb_tour .nav-tabs li:first-child {
    margin-top: 0;
}
.spb_tour .nav-tabs li a {
    border-top: 0 none !important;
    margin-right: 0 !important;
    padding: 14px 20px;
}
.spb_tour .nav-tabs > li a::after {
    bottom: auto;
    content: "▻";
    font-family: "SSGizmo" !important;
    font-size: 18px;
    left: auto;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
}

– Kyle

[Amber Needler]

Hi,

This hasn’t worked for me

Thanks,

Amber

[Kyle – SUPPORT]

Got a link to the page?

– Kyle

[Amber Needler]

Yeah it’s: http://johngoodtravel.bestmarketingltd.com/ and it’s under “Who For”

Thanks,

Amber

[Kyle – SUPPORT]

They’re tabs, not tours..

[Amber Needler]

So if I change them to a Tour that code you gave me will work?

Thanks,

Amber

[Amber Needler]

It works – thank you! 🙂

[Kyle – SUPPORT]

No problem