New Landing How can we help? Cardinal Help for several little things :)

Viewing 15 posts - 1 through 15 (of 15 total)
  • Posted in: Cardinal
  • #223114
    RachelDesbiensDespre
    Member
    Post count: 29

    Hello!
    I would need some help for several little things:
    1) I would like to have the video background in the slider a little bit darker in order for the white font to be clearer.
    2) I would like the icons for Twitter and Linkedin to be all aligned.
    3) I would like the font in the form to be white, not grey.
    4) I create a new page, but when I go on it, the menu is not working. How do I change the menu only for this page?

    You can see screenshots attached for clarity ๐Ÿ™‚
    Thank you so much!

    Attachments:
    You must be logged in to view attached files.
    #223365
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    1) Please increase the Overlay Opacity in the Swift Slider.

    2) You would need to add a class to each of the team member columns, you can then set a min height for each of the columns. Example CSS:

    .my-custom-class {
        min-height: 800px;
    }

    3) Please add this custom CSS to your theme options:

    .home input[type="text"], .home input[type="email"], .home input[type="password"], .home textarea, .home select, .home .wpcf7 input[type="text"], .home .wpcf7 input[type="email"], .home .wpcf7 textarea, .home .wpcf7 select, .home .ginput_container input[type="text"], .home .ginput_container input[type="email"], .home .ginput_container textarea, .home .ginput_container select, .home .mymail-form input[type="text"], .home .mymail-form input[type="email"], .home .mymail-form textarea, .home .mymail-form select, .home input[type="date"], .home input[type="tel"], .home input.input-text, .home input[type="number"]{ color: #fff!important; }

    4) Meta Options => Page Header / Slider => Page Menu

    Thanks,
    David.

    #223675
    RachelDesbiensDespre
    Member
    Post count: 29

    Thank you David! I changed my mind for 1). I would like to have a black banner behind the text instead. See screenshots ๐Ÿ™‚

    Attachments:
    You must be logged in to view attached files.
    #223679
    RachelDesbiensDespre
    Member
    Post count: 29

    I would need a little more help for 2). I added the CSS code and then I went in each colum to put this: “.my-custom-class”

    I’m pretty sure I’m doing something wrong ! ๐Ÿ™

    #223804
    David Martin – Support
    Moderator
    Post count: 20834

    1) You will need to create some custom CSS, example:

    .home .caption-excerpt {
        background: #000;
        padding: 5px 25px 20px;
    }

    2) Please check now, I have modified this.

    Thanks,
    David.

    #224838
    RachelDesbiensDespre
    Member
    Post count: 29

    Hi David!
    We’re almost there. I would like the banners to be the entire width of the website ๐Ÿ™‚

    #224926
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Did you tried to place the banner inside a Row element and change the Row settings to Full Width content?

    Give it a try.

    -Rui

    #225095
    RachelDesbiensDespre
    Member
    Post count: 29

    We’re talking about the swift slider. It does not give me the option to add a row for the copy.

    #225372
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .swiper-slide .caption-wrap {
      width: 100%;
    }
    .swiper-slide .caption-content {
      padding: 0;
    }

    – Kyle

    #225597
    RachelDesbiensDespre
    Member
    Post count: 29

    Hello!
    Point 2 is still not resolved ๐Ÿ™‚ The Linkedin & Facebook are not aligned.

    #225959
    David Martin – Support
    Moderator
    Post count: 20834

    2) Looks like you have changed this from when we resolved it earlier. Please add the classes back to the social <ul> html tags. You need to re-add into the page content my-custom-class-social for each social <ul>.

    The placement of these will vary depending on how much text content you have for each member above the social icons.

    – David.

    #226873
    RachelDesbiensDespre
    Member
    Post count: 29

    Hi David!
    I’m really sorry but I’m a newbie on this and I’m not sure where to change those. Would you ming giving me a step by step ๐Ÿ™‚

    #227225
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    I have simplified this for you.

    In your theme options CSS I have added this:

    .my-custom-class:nth-of-type(1) ul.social-icons {
        margin-top: 10px;
    }
    
    .my-custom-class:nth-of-type(2) ul.social-icons {
        margin-top: 0px;
    }
    
    .my-custom-class:nth-of-type(3) ul.social-icons {
        margin-top: 40px;
    }

    Each of the above CSS snippets corresponds to the specific column containing each social code, 1, 2 and 3. You can change the pixel value of the top margin for each social link to move it up or down to match the rest.

    Take a look now at the page.

    Thanks,
    David.

    #227609
    RachelDesbiensDespre
    Member
    Post count: 29

    THANK YOU ๐Ÿ™‚

    #227655
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Thanks David

    – Kyle

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register