Full screen image background / Top bar text size

[fixers]

Hi There,

Im having a few difficulties getting my site up and finished:

1) My site has a landing page for members to log in, I’m having a few problems with custom css getting the design of this correct.

First – I want to hide the header and footer, i have used the below custom css to do this, although the top bar is hidden – it is still leaving a white space the same size? & The footer is still loading behind the background image

Any tips to remove this entirely? using the below css.

.page-id-17 #header-section {
display: none;
}
.page-id-17 #top-bar {
display: none;
}

.page-id-17 #footer {
display: none !important;
}

and I have used this CSS to tell the row containing log in form to be full screen, is this the best way to achieve the look i want?

.signin {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}

See attached screen shot, very nearly there just a little messy. .

2) I have included a link in the text area of the top bar on my other pages, how can i change this text size with css?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me website url to check the issue.
Thanks
Mohammad

[fixers]

This reply has been marked as private.

[Kyle – SUPPORT]

Add width:100%; so:

.signin {
  bottom: 0;
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  width: 100%;
}

– Kyle

[fixers]

Thanks Kyle, still doesn’t seem to have fixed the problem on mobile devices or if i reduce the browser screen size – there is still a black margin around the page which looks like its the footer?

Also not sure if you guys have missed my second query:

2) I have included a link in the text area of the top bar on my other pages, how can i change this text size with css?

[Kyle – SUPPORT]

Sorry I’ve just realised what you’re trying to do. All you need to do is select ‘holding page’ from the templates

– Kyle

[fixers]

Thanks Kyle ill try that, still no answer from anyone on my second query….

2) I have included a link in the text area of the top bar on my other pages, how can i change this text size with css?

[fixers]

Hi Kyle, that working better, but there is now a gap at the top and bottom of the image see attached screen shot.

I have removed the css

.signin {
bottom: 0;
left: 0;
position: fixed !important;
right: 0;
top: 0;
width: 100%;
}

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Regarding 2# can you provide an url of that page?

In your site i’m seeing this in the image below. I’m I in the wrong place?
https://www.dropbox.com/s/mw38gzlqzksx990/fixers_homepage.png?dl=0

-Rui

[fixers]

Hi Rui
Thanks – can you help on the other query address to Kyle?

thats a coming soon page, the main site isn’t viewable as of yet.

Please see attached screenshot, I’m referring to the text in the top right hand corner – ‘invite friends’ which is located in the ‘top bar’? how do i change this size etc?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Without seeing the site it’s more difficult. But give a try and add the code below to your custom css options.

.tb-text{
font-size:13px!important;
}

-Rui

[fixers]

Hi Rui

No that hasn’t worked

Also please can some respond re query about on landing page…

[Kyle – SUPPORT]

It should work but you need to use a bigger value than 13px, that’s default

– Kyle

[fixers]

Hi Kyle

I have used a bigger value, it didn’t work?

Also any further help on above query you haven’t replied yet…

[Kyle – SUPPORT]

I need a login to view your site

– Kyle