Trying to recreate something from the Classico "Victoria" front page

This topic has 11 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

  • Avatar: lostlandscapes
    lostlandscapes
    Participant
    October 30, 2015 at 23:18

    Hello, and sorry for another noob question. On the front page of the “Victoria” demo, just below the revolution slider, there is a row of three boxes with images with text overlays that individually say “our process”, “collection”, and “about us”. I’m trying to recreate something similar on my own home page, but I can’t find an Element in Visual Composer that gives me that exact same layout. Any ideas of how to produce something similar? Thanks so much for your time.

    10 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 31, 2015 at 11:45

    Hello,

    We used Banner element in Visual Composer editor, but in the recent update it was removed.
    You can try to use element “Banner with mask” instead.

    Best regards,
    Jack Richardson.

    Avatar: lostlandscapes
    lostlandscapes
    Participant
    October 31, 2015 at 14:48

    Brilliant. Thank you!

    Avatar: lostlandscapes
    lostlandscapes
    Participant
    October 31, 2015 at 16:46

    Follow up question. Now that I have that part figured out, is there a way to change the font in the Banner with Mask settings? It lets me choose light or dark text, but it looks like that’s it. Any way to choose a different font? Thanks!

    Avatar: Eva
    Eva Kemp
    Support staff
    November 2, 2015 at 09:07

    Hello,

    Please provide us with wp-admin panel credentials in Private Content and specify what font you want to use.

    Regards,
    Eva Kemp.

    Avatar: lostlandscapes
    lostlandscapes
    Participant
    November 2, 2015 at 14:42

    Hi Eva, thank you for your reply. I guess for now I want the cursive-like font that’s on the Victoria demo page in the Banner Element boxes – “our process”, “collection”, and “about us”. Not sure what it’s called though, sorry.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    November 2, 2015 at 14:50

    Hello,

    Please use this code in Theme Options > Styling > Custom CSS > Global Custom CSS:

    .banner.banner-type-3 .banner-content h3 {
      font-family: Cookie,cursive;
    }

    Regards,
    Eva Kemp.

    Avatar: lostlandscapes
    lostlandscapes
    Participant
    November 2, 2015 at 15:15

    Hi Victoria,

    Inserting the code worked great. Thank you. Is there a way now that I can change the font size to match that of the demo page? It’s quite small at the moment. And also, how can I make it so it’s not all capital letters? Thanks again, sorry to be difficult.

    Avatar: Eva
    Eva Kemp
    Support staff
    November 2, 2015 at 20:04

    Hello,

    Please use this css code:

    .banner.banner-type-3 .banner-content h3 {
        font-size: 60px;
        text-transform: capitalize;
    }

    Regards,
    Eva Kemp.

    Avatar: lostlandscapes
    lostlandscapes
    Participant
    November 3, 2015 at 02:38

    Bingo.Thank you very much!

    Avatar: Eva
    Eva Kemp
    Support staff
    November 3, 2015 at 09:41

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Trying to recreate something from the Classico "Victoria" front page’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.