adding a button on top of an image in a page

  • Hi,

    I would like to add a button on top of an image in a page in wordpress.
    How do I do that?

    I use a plugin called “Buttons Shortcode and Widget“ that generated the following shortcode:

    [otw_shortcode_button size=”medium” icon_position=”left” shape=”round”]next page[/otw_shortcode_button]

    Currently this button is placed below an image that I have on my page, but I want it to be placed on top of it.

    From css I know that I need to put a div tag around the button short code, but I have NO CLUE where to put the positioning of the button in the css. I have a theme and I don’t know where to post this example css:

    #buttonPos01{
    position: absolute;
    left: 20%;
    top: 20%;
    }

    Can anyone guide me where to find the right stylesheet and place in the css where I can put the css that places the button on top of the image on my page in wordpress?

    Thanks for your help
    Ana

Viewing 6 replies - 1 through 6 (of 6 total)

  • Can you please post your site url?

    Thread Starter am5279wp

    (@am5279wp)

    my url is https://blog.anneskriver.dk/tree01/

    Thread Starter am5279wp

    (@am5279wp)

    the button called “next page” should be placed on top of the image of the tree

    @am5279wp one clunky way is to use a negative margin in css like
    p { margin-top: -200px; margin-left: 100px}
    Perhaps a better way is to link the image to the next page by Image edit/Link to/select Custom URL/paste the next page url in.

    Thread Starter am5279wp

    (@am5279wp)

    Hi, yes, I know that I can turn the image itself into a button. But I would like to have multiple buttons on top of the interface. Isn’t there a way where I can get to the css code and create custom positions of multiple buttons on top of an image?

    you could make a div with a background image and then place the buttons inside that.
    to get to custom css make a child theme if you have not already and install custom css code plugin like TJ.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘adding a button on top of an image in a page’ is closed to new replies.