CSS/Style problems with dublicate buttons

  • Hi,
    Hope everyone are well!
    Im loosing hope on myself, im not familiar with css and have tried to fix this since yesterday. I just dont have the head for programming.

    I have a “market” page on my not release WP site, the page includes 2 shortcodes.
    The upper one is a filter “page/section” and the one below is from the beggining “startpage” with categories and “place ad”

    Both of the shortcodes include a “Place ad button” and i want to remove the “Place ad” button that is included in the first shortcode at the top of the page.

    I did hide one of them but ended up hiding both?

    How can i do that with adding CSS?

    The page I need help with: [log in to see the link]

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

  • Hi,

    the first button is wrapped in a class, the second isn’t. That allows you to make the css specific for that first button:

    #classiwrapper.awpcp-search-ads .button {
  display: none;
}
    Thread Starter ipconfig

    (@ipconfig)

    Hi Ronald,
    Hope you are great!

    It works BUT it also hides the “Find Ads” button ??

    Hi, sorry about that.

    #classiwrapper.awpcp-search-ads a.button {
  display: none;
}

    should do the trick.

    Thread Starter ipconfig

    (@ipconfig)

    You sir are a true hero!
    Many many many thanks ??

    Is it possible sir, that you could help me with one quick css question on the same page? If so, here is my question:

    The button “Find Ads” , i would like to add some margin to the “City” field.

    Thank you again and have a wonderful weekend!

    Hi,

    #awpcp-multiple-region-selector-5e3d915da1069 {
  margin-bottom: 10px;
}

    Try to learn how to use the webdeveloper tools that are built in in most, if not all modern browsers. It’ll make it easier to identify elements on your page, and to prototype CSS code.

    https://vanweerd.com/screenshots/s20200207173709.jpg

    and:

    https://vanweerd.com/screenshots/s20200207173943.jpg

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS/Style problems with dublicate buttons’ is closed to new replies.