Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #844929

    peglegsqueeks
    Participant

    Hi guys,

    wordpress ver 4.4.2
    x-theme ver 4.3.4
    cornerstone ver 1.1.13

    Using Integrity stack

    Would like to have the “carret-right” icon to be placed directly after some text, with the correct verticle alignment.

    I cant seem to add an icon to my text is there a simple way to do this?

    This is the HTML I have now:-

    <h6>
    <p style=”background-color: orange;”>
    <span style=”color: #ffffff;font-family:benchnine;”> TREATS </span>
    </h6>

    is there an easy way to do this?

    I looked at your http://theme.co/x/demo/integrity/1/shortcodes/icons/

    Kind Regards
    Chris Gomersall

    #845123

    Christian
    Moderator

    Hey Chris,

    Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    Thanks.

    #845576

    peglegsqueeks
    Participant

    Hi there it’s pretty simple I’d like to add icons after text.

    I have included a screen shot of what I’d like to achieve for greater clarity.

    Kind regards
    Chris Gomersall

    #845579

    peglegsqueeks
    Participant

    peglegsqueeks

    Hi there it’s pretty simple I’d like to add icons after text.

    I have included a screen shot of what I’d like to achieve for greater clarity.

    Kind regards
    Chris Gomersall

    #845854

    Lely
    Moderator

    Hi Chris,

    Thank you for the screenshot.
    Something like this should work:
    [custom_headline type="left" level="h6" looks_like="h6" class="my-custom-headline"]TREATS [icon type="caret-right"][/custom_headline]
    Then add this on Appearance > Customize > Custom > CSS

    .my-custom-headline{
       background-color: orange;
       color: #ffffff;
       font-family:benchnine;
    }

    This might help:http://theme.co/x/demo/integrity/1/shortcodes/custom-headline/

    Always,
    X

    #845959

    peglegsqueeks
    Participant

    Thank you

    I figured out a solution,but your solution was more elegant than mine and now I can create my own custom headlines.

    Thank you very much

    You guys Rock!

    #845960

    Christopher
    Moderator

    You’re most welcome.