MaxButtons in the sidebar?

  • I’ve recently started using the MaxButtons plugin and managed to get a few buttons on my pages up without any problems. Now I’d like to add a button to my sidebar (because the news widget is bland and I’d like to link to my Blog posts through a button in the sidebar) but I can’t seem to do it.

    I added the code that the MaxButtons plugin generates to a text widget but that didn’t work, so then tried putting the code into the visual editor of a new page, switching to html (hoping to grab some different code and paste it into the text widget – I really have no idea what I’m doing), but obviously that didn’t work either. So I’m stuck. I understand that this plugin works on CSS code rather than html but not too sure how to translate between the two, if you need to. The plugin does say you can paste the code anywhere on your website to generate a button so I don’t feel I’m being too stupid here. I have a basic idea of how the sidebar.php file template works – I’m comfortable swapping which widget comes first etc., but that’s about it.

    Any help would be greatly appreciated,

    Thank you

Viewing 6 replies - 31 through 36 (of 36 total)

  • I initially added the buttons using the the Text Widget box and simply posted the Shortcode for the Button…when that didn’t work so hot, I searched further and came to the solution we’ve been discussing…so now, in the Text Widget, sits the php code that you provided with reference to the Button Shortcode within…

    So what happened when you added the button shortcode to the text widget?

    The first TWO buttons (out of 12) appear, then the rest default to the theme formatting for the Upper/Right Sidebar, so the “arrow” (from the MaxButtons Pack) shows and the text shows, but NOT as a Button.

    Well, I’m definitely stumped by that. Just doesn’t make sense why two buttons would show correctly but not the others. Do they all have the container option enabled?

    None of the Button setups have the Container box checked.

    I got this source code from site…not sure if it helps…I noticed that the colors used are different from “Day 1” to “Day 2” – but I think this has to do with how the WP theme (Weaver II) I’m using sets up the formatting for the sidebar…the php code (I thought!) was supposed to override the theme formatting…hmmmm….

    DAY 1 (works!)

    <p></div>
<div style="margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;">
<script type="text/javascript">mbpro_loadFontFamilyStylesheet("Open Sans");mbpro_loadFontFamilyStylesheet("Ubuntu");</script>
<style type="text/css">a#maxbutton-11 { text-decoration: none; color: #514e99; } a#maxbutton-11 .maxbutton { width: 170px; height: 55px; background-color: #fafcfb; background: linear-gradient(#fafcfb 45%, #ffffff); background: -moz-linear-gradient(#fafcfb 45%, #ffffff); background: -o-linear-gradient(#fafcfb 45%, #ffffff); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, #fafcfb), color-stop(1, #ffffff)); border-style: solid; border-width: 1px; border-color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; text-shadow: 0px 1px 0px #ffffff; box-shadow: 0px 0px 2px #c4c4c4; } a#maxbutton-11 .maxbutton .text { color: #514e99; font-family: Open Sans; font-size: 20px; font-style: normal; font-weight: bold; text-align: center; padding-top: 9px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; line-height: 1.0em; } a#maxbutton-11 .maxbutton .text2 { color: #514e99; font-family: Ubuntu; font-size: 12px; font-style: normal; font-weight: normal; text-align: center; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; line-height: 1.0em; } a#maxbutton-11 .maxbutton .icon { padding-top: 11px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; } a#maxbutton-11 .maxbutton .icon img { background: none; border: none; padding: 0px; margin: 0px; } a#maxbutton-11 .maxbutton .icon.left { float: left; } a#maxbutton-11:visited { text-decoration: none; color: #514e99; } a#maxbutton-11:hover { text-decoration: none; color: #514e99; } a#maxbutton-11:hover .maxbutton { background-color: #fcf7fc; background: linear-gradient(#fcf7fc 45%, #fafcfb); background: -moz-linear-gradient(#fcf7fc 45%, #fafcfb); background: -o-linear-gradient(#fcf7fc 45%, #fafcfb); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, #fcf7fc), color-stop(1, #fafcfb)); border-color: #ffffff; text-shadow: 0px 1px 0px #ffffff; box-shadow: 0px 0px 2px #c4c4c4; } a#maxbutton-11:hover .maxbutton .text { color: #514e99; } a#maxbutton-11:hover .maxbutton .text2 { color: #514e99; } </style>
<p><a href="https://bullseyetheory.com/lpb-home/lpb-day-01/">
<div class="maxbutton">
<div class="icon left"><img src="https://bullseyetheory.com/wp-content/plugins/maxbuttons-pro/packs/chrome-icons/Arrow-Up-2blue.png" alt="" border="0" /></div>
<div class="text">Life Purpose</div>
<div class="text2">Blueprint-Day 01</div>
<div style="clear: both;"></div>
</div>

DAY 2 (doesn’t work!)
<p></a></div>
<div style="margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;">
<script type="text/javascript">mbpro_loadFontFamilyStylesheet("Open Sans");mbpro_loadFontFamilyStylesheet("Ubuntu");</script>
<style type="text/css">a#maxbutton-13 { text-decoration: none; color: #514e99; } a#maxbutton-13 .maxbutton { width: 170px; height: 55px; background-color: #f9faf5; background: linear-gradient(#f9faf5 45%, #fafaf7); background: -moz-linear-gradient(#f9faf5 45%, #fafaf7); background: -o-linear-gradient(#f9faf5 45%, #fafaf7); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, #f9faf5), color-stop(1, #fafaf7)); border-style: solid; border-width: 1px; border-color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; text-shadow: 0px 1px 0px #ffffff; box-shadow: 0px 0px 2px #c4c4c4; } a#maxbutton-13 .maxbutton .text { color: #514e99; font-family: Open Sans; font-size: 20px; font-style: normal; font-weight: bold; text-align: center; padding-top: 9px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; line-height: 1.0em; } a#maxbutton-13 .maxbutton .text2 { color: #514e99; font-family: Ubuntu; font-size: 12px; font-style: normal; font-weight: normal; text-align: center; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; line-height: 1.0em; } a#maxbutton-13 .maxbutton .icon { padding-top: 11px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; } a#maxbutton-13 .maxbutton .icon img { background: none; border: none; padding: 0px; margin: 0px; } a#maxbutton-13 .maxbutton .icon.left { float: left; } a#maxbutton-13:visited { text-decoration: none; color: #514e99; } a#maxbutton-13:hover { text-decoration: none; color: #514e99; } a#maxbutton-13:hover .maxbutton { background-color: #f9faf5; background: linear-gradient(#f9faf5 45%, #fafaf5); background: -moz-linear-gradient(#f9faf5 45%, #fafaf5); background: -o-linear-gradient(#f9faf5 45%, #fafaf5); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, #f9faf5), color-stop(1, #fafaf5)); border-color: #ffffff; text-shadow: 0px 1px 0px #ffffff; box-shadow: 0px 0px 2px #c4c4c4; } a#maxbutton-13:hover .maxbutton .text { color: #514e99; } a#maxbutton-13:hover .maxbutton .text2 { color: #514e99; } </style>
<p><a href="https://bullseyetheory.com/lpb-home/lpb-day-02/">
<div class="maxbutton">
<div class="icon left"><img src="https://bullseyetheory.com/wp-content/plugins/maxbuttons-pro/packs/chrome-icons/Arrow-Up-2blue.png" alt="" border="0" /></div>
<div class="text">Life Purpose</div>
<div class="text2">Blueprint-Day 02</div>
<div style="clear: both;"></div>
</div></a>

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. Or better still – use the pastebin. As it stands, your code has been permanently damaged/corrupted by the forum’s parser.]

Viewing 6 replies - 31 through 36 (of 36 total)
  • The topic ‘MaxButtons in the sidebar?’ is closed to new replies.