Support » Themes and Templates » How to make two widgets look like one

  • Resolved thefreelancetranslators

    (@thefreelancetranslators)


    This is my first web so I’m quite lost. I’m trying to “merge” the widget titled “Find a Translator” with the one bellow (the one with the scroll bar).

    How can I do it?

    Thanks.

Viewing 15 replies - 1 through 15 (of 24 total)
  • michael.mariart

    (@michaelmariart)

    It can be done with some CSS work. You’ll need to modify the rules for the two elements (as they have ID’s that should be easy to do) so that you can remove the bottom line from the top one and the top line from the bototm one, then remove the spacing between them and you’ll be set.

    thefreelancetranslators

    (@thefreelancetranslators)

    Thanks for answering. I have tried this for the widget on top

    #black-studio-tinymce-3 {
    border-bottom: none;
    }

    … it doesn’t work, any suggestion?

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Where are you entering the CSS?

    thefreelancetranslators

    (@thefreelancetranslators)

    In the custom CSS styles.

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Spot the syntax error 😉

    #black-studio-tinymce-3 {
     padding-top: 0;
     padding-bottom: 0
     border-bottom: none;
    }

    thefreelancetranslators

    (@thefreelancetranslators)

    I have changed it to:

    #black-studio-tinymce-3 {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    }

    Is that what you meant? I’m hopeless… still doesn’t work.

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Add that style right at the bottom of your other styles, it looks like it’s being overridden because it’s too high up in the Custom CSS.

    thefreelancetranslators

    (@thefreelancetranslators)

    Sorry for being such a pain, but it didn’t work…

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Are you using a Child Theme as well as Custom CSS?

    thefreelancetranslators

    (@thefreelancetranslators)

    I’m not sure about that (actually, I have no idea about that) How can I know?

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Look in your /wp-content/themes/ directory for a theme named responsive-labvidz-free. You ought to be adding styles in the Child Theme’s stylesheet.

    thefreelancetranslators

    (@thefreelancetranslators)

    Probably this is not what you meant, but I have now added styles in the labvidz-custom.css and it remains the same.

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    thefreelancetranslators

    (@thefreelancetranslators)

    I know you’re about to tell to get to ####, and I would understand, but how do I do that?

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Have you access to the files and folders of your website?

    By the way, don’t let your presuppositions of how volunteers will react stop you from asking questions. It’s in the interest of all volunteers to keep this forum friendly.

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘How to make two widgets look like one’ is closed to new replies.