Tagged: x
-
AuthorPosts
-
August 5, 2016 at 3:24 pm #1119330
piexecParticipanthttp://brightwater.piexec.com/
How can I add an image to the right and left of the top bar text?
Thanks in advance!
August 6, 2016 at 12:21 am #1119830
FriechModeratorHi 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!
August 7, 2016 at 3:13 am #1120712
piexecParticipanthttp://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.
August 7, 2016 at 8:08 am #1120871
ThaiModeratorHi 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 🙂
August 7, 2016 at 2:45 pm #1121127
piexecParticipantJust PERFECT!!!! Thanks! 🙂
August 7, 2016 at 2:59 pm #1121146
NicoModeratorHappy to hear that.
Feel free to ask us again.
Thanks.
August 7, 2016 at 3:00 pm #1121148
piexecParticipanton 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/” title=”Mazas Holdings” target=”blank” info_trigger=”hover”]Visit Site[/x_button]
August 7, 2016 at 6:25 pm #1121273
LelyModeratorHi 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.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1119330 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
