Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1119330
    piexec
    Participant

    http://brightwater.piexec.com/

    How can I add an image to the right and left of the top bar text?

    Thanks in advance!

    #1119830
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add the left image before your text.

    <img src="URL HERE" class="left-image left" />

    And the right image after your text.

    <img src="URL HERE" class="right-image right" />

    Hope it helps, Cheers!

    #1120712
    piexec
    Participant

    http://brightwater.piexec.com/

    I wanted this to look a little different.

    I need those blue dotted lines to be butt up against the text on the left and right side, and centered vertically from top to bottom.

    #1120871
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    p.p-info img {
        position: absolute;
        top: 50%;
    }
    
    img.left-image.left {
        left: auto;
        margin-left: -95px;
    }
    
    img.right-image.right {
        right: auto;
    }

    http://i.imgur.com/Ou4n4kA.png

    Hope it helps 🙂

    #1121127
    piexec
    Participant

    Just PERFECT!!!! Thanks! 🙂

    #1121146
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

    #1121148
    piexec
    Participant

    on my 1st footer widget, on that button, I have inserted a text widget under an image widget.

    How can I:

    1. Reduce the amount of space bettween the button and the image widget?
    2. add some padding to the right and left of the text inside the button, to make it slightly wider?
    3. add an icon to the button?

    [x_button shape=”rounded” size=”mini” float=”left” icon_only=”true” href=”http://mazasholdings.com/&#8221; title=”Mazas Holdings” target=”blank” info_trigger=”hover”]Visit Site[/x_button]

    #1121273
    Lely
    Moderator

    Hi There,

    1.)Please add the following custom CSS:

    div#text-2 {
        margin-top: 1em; /*This is 3em by default. Please adjust accordingly*/
    }

    2.) Please check this link:http://demo.theme.co/integrity-1/shortcodes/buttons/
    You’re using a mini size buttons. Try using small or regular for size option. Alternatively, you can add class custom-btn on your buttons and then add the following:

    .custom-btn{
    padding: .585em 1.2em;
    }

    3.)
    [x_button shape="rounded" size="mini" float="left" icon_only="true" href="http://mazasholdings.com/" title="Mazas Holdings" target="blank" info_trigger="hover"][x_icon type="adjust"][/x_button]

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1119330 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>