Firebug says edit element.style, can't seem to find it!

The relevant CSS for that button is:

a.button {
    use margins here;
}

It’s getting overridden by “yellow-red.css”. But do be aware that any changes you make to theme files will be overwritten and lost when your theme is updated. It’s recommended to use a child theme or custom CSS to avoid that.

Maybe a little more specific like

.info .button.icon {

}

since this is only for that one location.

You can use a browser developer tool to expose the styles for you.
You don’t need to then look for where those styles originate. All necessary information has been exposed by the developer tool, for which you can then override them in a Child Theme stylesheet or Custom CSS plugin.

Hi All,
I created a child theme (freshserve-child) and created a custom style.css, with this included

@import url("../freshserve/style.css");

a.button {
    margin:250px;

}

Still doesn’t seem to be working. margin:250px seems to work in firebug for moving the item over to the right, but I can’t seem to move it up for some reason…

You need to use 4 margin measures: top, right, bottom, left:
or use specific margin-right: XXpx;

For all i.e.:

a.button {
    margin: 10px 5px 10px 250px;

}

Obviously those are just random numbers – adjust accordingly. And BTW, you CAN use negative margins to move “backwards.”

WPyogi-

I managed to add margin-left:

a.button {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-left: 200px;
    padding: 8px 15px 10px 0;
    position: relative;
    text-decoration: none;
}

But negative margins don’t seem to have any effect on the up/down…

Any idea whats going on?

Sorry to just clarify, I added

` margin-left: 200px;