I LOVE the look of the wire buttons in the big Hero widget. I am using them in my pagebuilder to make a row of photos with clickable wire buttons. First off, they look great and were a cinch to set up. (I am LOVING page builder for my site creation! Thank You!) but when I add a link destination to the buttons the wire disappears and the hover highlight a tiny rounded corner space around my button text. eek! I’m sure that this is not how they are designed to be. Buttons are links so, what have I done wrong?
Also when I change the size of my browser the images/buttons are not responsive uniformly. The still look great on my mobile phone but tablet size is crummy looking. Can this be fixed? Is it because the hero images are supposed to be a full width and not miniaturized into my little widget boxes?
I am running a child version of the Dazzling Theme and my page can be found here: http://www.mb4stl16.website/act/
Thanks!
Lisa P.
I got this fixed myself. It was a conflict with a custom css code styling my hover links. Once I removed the a:hover custom css style then the button went back to behaving as normal.
I was looking for something that changed with the Site Origin widget. I right-clicked on the problem area of my page and selected Inspect Element. Once I hovered over the code in the inspect sidebar and clicked on the section of code that informed the problem widget then the bottom window showed me the style codes associated with this widget. By using Inspect element I could then see what codes were driving the look of the buttons. I immediately saw the hover css and realized what was happening. I wish that I had known about inspect element before. I hope that this message at least helped someone else learn about this usual tool.
Best Wishes!
Lisa