Okay
  Public Ticket #2990678
CTA button
Closed

Comments

  •  13
    HAIBRA started the conversation
    February 26, 2022 at 12:43pm

    Hello - the CTA button has recently changed to squared corners instead of round. The setting in Salient is still set to round. 

    Any thoughts on how to bring back to round? 

    Thanks 

  •  3,001
    Andrew replied
    February 26, 2022 at 8:43pm

    Hello Haibra,

    Kindly send us a link to your site so that we can check on this more and advise.

    Thanks,

  •  13
    HAIBRA replied
    February 26, 2022 at 8:45pm

    Hi Andrew - please see below. 

    https://falconinvestments.uk

    Thanks 

  •  1,919
    Judith replied
    February 27, 2022 at 8:12am

    Hi Haibra,

    Please try this css:

    .icon-normal.extra-color-gradient-1, body [class^=icon-].icon-3x.alt-style.extra-color-gradient-1, .nectar-button.extra-color-gradient-1:after, .nectar-cta[data-color=extra-color-gradient-1]:not([data-style=material]) .link_wrap, .nectar-button.see-through-extra-color-gradient-1:after, .nectar-fancy-box[data-style=color_box_hover][data-color=extra-color-gradient-1] .box-bg:after, .nectar-post-grid-wrap[data-load-more-color=extra-color-gradient-1] .load-more:before {
        border-radius: 19px;
    }

    Thanks.

  •  13
    HAIBRA replied
    February 27, 2022 at 9:41am

    Thanks Judith - it's working now. 

  •  13
    HAIBRA replied
    April 2, 2022 at 9:50am

    Hi Judith - I noticed that if I change the CTA Background Color to another color gradient, the button goes back to squared corners. Same is not with the Submit button on the contact page. 


    Please advise. 



  •  8,939
    Tahir replied
    April 2, 2022 at 10:49am

    Hey Again,

    The Rounded Corners CSS property is not supported while using the CSS Gradient. This is a technical limitation and a workaround is not available yet. 

    Thanks 

    ThemeNectar Support Team 

  •  13
    HAIBRA replied
    April 4, 2022 at 12:16am

    Thanks Tahir - one more thing please. I couldn't find an option to create a full screen background as in the attached example. Is there a way to do in Salient? 

  •  8,939
    Tahir replied
    April 4, 2022 at 1:22am

    Hey Again,

    Try using the Force Transparency Option in "Page Header Settings" Metabox . See screenshot : http://prntscr.com/gjnyit .

    Best

    ThemeNectar Support Team 

  •  13
    HAIBRA replied
    April 4, 2022 at 10:01am

    Thanks Tahir - tried that and there's still a little issue that I'm trying to resolve. Is there a way to get rid of the white space at the top of the home page?

  •  8,939
    Tahir replied
    April 4, 2022 at 10:19am

    Hey Again, 

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .container-wrap, .project-title {
    padding-top: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  3,001
    Andrew replied
    April 4, 2022 at 10:25am

    Hello again,

    Use the following CSS.

    body:not(.nectar-no-flex-height) .container-wrap {
    padding-top: unset;
}

    Thanks,

  •  13
    HAIBRA replied
    April 4, 2022 at 10:28am

    Thank you both for the prompt response - all looking great now!