Okay
  Public Ticket #3096960
Carousel Arrows
Closed

Comments

  •  3
    Embolx started the conversation

    Hi,

    I'd like to change the carousel arrows on this page: 

    https://quokkastg.wpengine.com/home/

    Specifically, I'd like to use Font Awesome f104 and f105. Is that possible? 

    Thank you in advance!

    Mike

  •  1,591
    Judith replied

    Hi There,

    Thanks for keeping in touch.

    I see you are have already added them:

    9680044592.png
    9228359953.png

    Please let me know whether I am missing something.

    Thanks.

  •  3
    Embolx replied

    Hi!

    Thanks so much for the quick reply. Yes, I did figure that out. I have another question for you. I'd like to add some custom shape dividers beyond what the theme offers. Is that possible and can you point me to any resources for how to do that?

    Thanks,

    Mike

  •  1,591
    Judith replied

    Hello There,

    We can now add a custom Shape Divider via a Child theme: http://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/ . 

    Thanks


  •   Embolx replied privately
  •  1,591
    Judith replied

    Hi There,

    Please allow me to escalate this to the developer to respond further.

    Thanks.

  •  3
    Embolx replied

    Yes, please do. And thanks again!

  •  971
    ThemeNectar replied

    Hey Embolx!

    You can copy the function "nectar_svg_shape_divider" from wp-content/plugins/salient-core/includes/helpers.php to your child theme functions.php file to override any of the existing SVG shape dividers.

    Kind regards,

  •   Embolx replied privately
  •  971
    ThemeNectar replied

    Hey,

    You should be able to expand that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

    .nectar-shape-divider {
      height: auto;
      bottom: 0;
    }
    

    Kind regards,

  •   Embolx replied privately
  •  971
    ThemeNectar replied

    Hey Embolx, I would need to see the full code within your child theme in order to assist with that further - it's a bit hard to follow from the screenshots without all of the code shown. Can you please provide a temporary admin account so that I can take a closer look?

    Thanks in advance

  •   Embolx replied privately
  •  1,591
    Judith replied

    Hi There,

    Please use any email as these are just temporary logins.

    Thanks.

  •   Embolx replied privately
  •  971
    ThemeNectar replied

    Hey Embolx,

    The issue is occurring due to your SVG code sharing the same class names and CSS code. Whatever app you're using to generate the SVG's is not generating unique classes which would allow multiple to display correctly on the same page:

    3330917384.jpg

    The code would need to be altered to use class names specific to each SVG element so as to not interfere with each other.

    Kind regards,

  •   Embolx replied privately
  •  971
    ThemeNectar replied

    No problem, Embolxsmile.png

    It would appear that XD doesn't support an export with that taken into consideration - see https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/17817826-export-svg-with-inline-styles

    I would recommend using illustrator in order to avoid the issue.

    Kind regards,