Archived topic

Problem with aMember

13 replies · Started by Sumit on July 18, 2018

Viewing posts 1–14 of 14

July 18, 2018 at 9:26 am #626758

Hi I am not sure if I this is something you can support, but I am going to take a chance.

I am trying to create a membership website and I am using aMember pro for it. aMember has an option to use wordpress theme's header and footer.

But when I chose that option the layout looks a bit weird. I contacted aMember's support and they told me I need to contact theme developer and ask this question.

"You need to ask is it possible to do not use 'grid-container' CSS class within theme html."

I have the put the link where I am having the css conflict.

To check how the should look like normally please visit https://domain-name.com/terms-of-use

Please let me know if anything.

Thanks

July 18, 2018 at 7:38 pm #627101

It's possible, but it will make your header full width.

Instead, maybe try this CSS?:

.inside-header {
    overflow: hidden;
}

July 18, 2018 at 9:02 pm #627154

Hi Tom

I tried this CSS and put it in additional CSS, http://prntscr.com/k88wgy

But, I am still facing same issue, am I doing it wrong?

Thanks

July 18, 2018 at 9:06 pm #627157

Was the issue the horizontal scroll bar below the header?

If so looks it has been removed by Tom's.

Are we missing something?

July 18, 2018 at 9:14 pm #627161

it was also about those added borders around each section in header and footer.

also, I would appreciate if you remove this snapshot from this thread, Please.

Thanks

July 19, 2018 at 1:20 am #627239

Hi there,

you can add this CSS to remove the borders from the header.

.inside-header, .inside-navigation {
    border: none;
    box-shadow: none;
}

July 19, 2018 at 4:54 am #627343

Thanks David, you are my rockstar :)

Can I please have same CSS to remove that border from body and footer section too?

Thanks

July 19, 2018 at 5:03 am #627351

Haha, i am just the Bass Player ;)

You could just completely remove it from the grid container, so just this code:

.grid-container {
    border: none;
    box-shadow: none;
}

July 19, 2018 at 5:12 am #627357

doesn't matter Dave, you are still my rockstar :)

the code worked perfectly. Man you guys are awesome.
Best support I have ever received on a product for wordpress.

July 19, 2018 at 5:18 am #627359

Thats great. And thank you for your kind words. We try our best!

July 19, 2018 at 12:39 pm #627816

I am sorry, but there is a further situation on this.

Please see the link provided and then click on blog link in menu.

I wonder why header and footer height changing in both cases?

July 19, 2018 at 12:47 pm #627820

The aMemeber plugin is adding margin-bottom: 1em; to the .grid-container which isn't there on non aMember pages. You can add that margin property to the CSS above to keep it consistent, or set it to margin-bottom: 0 !important; for consistency.

July 19, 2018 at 12:54 pm #627829

Fuck yes, margin-bottom: 0 !important; did the trick. I think I am in love with CSS :)

July 19, 2018 at 12:55 pm #627833

Haha - endless possibilities lol - glad it's sorted. Next you'll want to do things to make changes as opposed to fixing breakages :)

This archived topic is closed to new replies.

Start building better websites today.