Transparent header

  • mogo
    mogo
    Newbie 5 points
    March 25, 2019 at 7:10 pm

    Just installed MJ9.
    1. Trying to make a transparent header with no luck.
    2. Need to align the text on the hero to the left

    Thank you for anyone who can help.

  • JamesD
    JamesD
    Super Guru 1,721 points
    March 25, 2019 at 11:00 pm

    @ppt_mogo25-03-19_92638710,
    Kinda vague on the descriptions and I’m not fully understanding your first question. It could be the image itself or css. Could you please elaborate?

    Note: Your best bet would be to provide a URL and state the child theme you’re using. Can make it a lot easier for people to assist.

    Second question… Which text are you referring to? Which “Hero” portion are you using? It can vary by theme and/or settings.

    If you’re talking about all text above the search box (title and sub-text) then you could add something like this to your custom css.
    For the header: .hero-header h1 { text-align: left; }
    Or for the sub-text:
    .hero-header p { text-align: left; }
    Or, for both:
    .hero-header h1, .hero-header p { text-align: left; }

  • mogo
    mogo
    Newbie 5 points
    March 26, 2019 at 8:36 am

    Thank you James for your reply. Sorry I didn’t provide all needed details, I’m still new with the forum thing 🙂
    Anyway, first question, I’m trying to achieve something like the attached. So I want the top menu header to be transparent. I’m using MicroJobs 9 main theme, no child.

    Second question. Code works fine, thank you. What if I also want to make the search box left aligned?

    Really appreciated.

  • mogo
    mogo
    Newbie 5 points
    March 26, 2019 at 8:54 am

    There was an error with the attachment so I’m uploading again

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    Super Guru 1,721 points
    March 26, 2019 at 11:18 pm

    Sorry, the image doesn’t help too much. I’m probably missing something.
    Are you referring to removing the background image? Something with the logo? Or are you trying to remove the top menu all together?

    What if I also want to make the search box left aligned?

    See if this does all of it for you instead:
    .hero-header-texting .container>* { text-align: left; margin-left: 0; }

  • mogo
    mogo
    Newbie 5 points
    March 27, 2019 at 8:09 pm

    Hi James,
    Thank you for your patience and sorry for the confusing I causing. Please this attachment. I highlighted the header which I want to make transparent instead of solid white.

    Regarding the alignment, all is working fine as in the screenshot. Appreciated.

    Thank you again.

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    Super Guru 1,721 points
    March 27, 2019 at 9:20 pm

    You’re welcome.

    See if this helps with the transparency:
    .ppt-header, .ppt-header.sticky { background-color: transparent !important; }

  • mogo
    mogo
    Newbie 5 points
    March 28, 2019 at 7:51 am

    Works perfectly. You are a Super Guru 🙂
    Thank you very much.

    Have you come across any experiences of adding escrow functionality to the theme? Or support for an affiliate program?

  • JamesD
    JamesD
    Super Guru 1,721 points
    March 28, 2019 at 8:17 am

    You’re welcome.

    Have you come across any experiences of adding escrow functionality to the theme?

    No, haven’t messed with it.

    Or support for an affiliate program?

    More than likely you would need to complete a custom integration with whichever affiliate management plugin you use with PP.

  • mogo
    mogo
    Newbie 5 points
    March 28, 2019 at 5:04 pm

    Okay then. 🙂
    Thanks a lot.

  • Marie
    Marie
    Super Guru 1,857 points
    March 29, 2019 at 5:05 am

    thanks for sharing James 🙂

Viewing 11 posts - 1 through 11 (of 11 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes