CSS code to remove footer from one page

  • Resolved Hypno_Pboro

    (@hypno_pboro)


    7 years, 5 months ago

    I want certain pages to be landing pages and although I have successfully removed the main (top) menu I can’t work out how to remove the footer menu from the same page(s).

    On my website https://www.cleanerstogo.co.uk I’ve used

    .page-id-5091 .main-navigation {
    display: none;
    }

    In my child theme, which works but I can’t work out what to select for the footer.

    Has anyone else set up landing pages with Celestial Lite and if so, what’s the missing name?

    FWIW I’ve tried

    .page-id-5091 .footer {
    display: none;
    }

    .page-id-5091 .st-footer-wrapper {
    display: none;
    }

    .page-id-5091 .st-footer {
    display: none;
    }

    None of which work? Has anyone else set up landing pages with Celestial Lite and if so, what’s the missing name?

    • This topic was modified 7 years, 5 months ago by Hypno_Pboro.
Viewing 13 replies - 1 through 13 (of 13 total)

  • Hey Hypno_Pboro,

    If you want to remove the footer menu on a particular page;
    A page will have a unique ID . You can directly view it by inspecting the page and going inside the body tag.

    For instance;
    For your current Home page you can add the following css inside your child theme’s style.css file or directly inside additional css section under customize section;

    .page-id-4 #st-footer-menu.menu {
   display:none
}

    Hope it works,
    Thanks!

    Thread Starter Hypno_Pboro

    (@hypno_pboro)

    Awesome!

    I’d got my naming for the item incorrect and your suggestion was perfect!

    Thank you soooo much!

    You’re Welcome ??

    angelazest

    (@angelazest)

    Hello!!! Rohan
    It has been very useful,
    Thanks @lot

    All the best;

    angelazest

    (@angelazest)

    Hello!!! Rohan
    It has been very useful,
    Thanks you very very very much!!!

    All the best ??

    • This reply was modified 7 years ago by angelazest.
    • This reply was modified 7 years ago by angelazest.

    Hello, I’ve tried everything including the above to remove the footer from this page: https://texasbitcoinconference.com/sponsor-inquiry/

    Any suggestions? Thank you in advance!

    Thread Starter Hypno_Pboro

    (@hypno_pboro)

    Hi jrpatterson66 I’ve just looked at your website via my browser and there’s no footer appearing, so perhaps what you’re seeing is what’s already in your cache.

    If you could try viewing it via another internet prog, eg chrome, firefox, ie, etc or failing that, to clear your cache & that might confirm for you whether you’re now good to go.

    If you’re still stuck it’s best if you raise a new topic in the group as that’s probably going to give you a quicker response.

    BTW, there seems to be a mis-match with font sizes on that page, specifically, the text

    “Customized Packages:
    -Branding
    -Swag
    -A la carte

    Complete the form and our staff will be in contact within 24 hours.”

    All appear very small compared to the rest.

    They are in Monsterrat at weight 400 but 6px size??

    Hello jrpatterson66,

    We request you to put forward your query in respective theme’s support forum so it’d be easier for better customer experience.

    Thanks!

    nicoscleaningservice1

    (@nicoscleaningservice1)

    I tried the code in custom CSS and it didn’t work for: nicoscleaningservice.co.uk

    I want to remove the grey space around and everything else except ‘? Nico’s Cleaning Service Limited.’

    Any suggestions?

    Thanks,

    Nico.

    nicoscleaningservice1

    (@nicoscleaningservice1)

    Ideally I’d like to remove everything below and including that strange grey line that’s appeared for no reason.

    nicoscleaningservice1

    (@nicoscleaningservice1)

    Also like to remove ‘calendar is loading’ and ‘powered by WordPress’ in the booking page: https://nicoscleaningservice.co.uk/book-now-2/

    nicoscleaningservice1

    (@nicoscleaningservice1)

    Also have a strange mark like a someone’s removed a plaster on the homepage. It’s a grey box with a slab of white in the middle. Is this an RBG, CMYK issue? How do I get rid of the grey so it all appears the same white colour? https://nicoscleaningservice.co.uk

    Hello nicoscleaningservice1,

    We have checked your site and figured out some problems. Here is the step wise solution to your problem;
    We don’t see any footer section on your website and it seems your home page is completely blank. Isn’t it?
    First of all, remove your Custom CSS. After that, go to Appearance-> Customize
    For your Copyright Text, go to Customize-> Basic settings. After that type your Copyright text on Your Copyright text section.
    To manage your footer Color, go to Appearance->Customize->Color.
    There is Copyright background option. Change it to your wish.
    You can change the color to your wish in Footer Widget Background color option. [Incase if you don’t want footer widgets]
    For “powered by” issue.
    In dashboard you will see Booking option to your left.
    When you click it, You will see three option on the same place where you clicked before.
    Click on Settings.
    Scroll down to the bottom, you will see “Show settings of powered by notice”. Click that
    There is powered by option. Uncheck that.
    Refresh the page and you won’t see any “Powered by” texts.

    For ‘calendar is loading’ you can manually the simplest way is to add the following css inside the additional css section of oyur customizer;

    #calendar_booking1 {
    display: none;
}

    We couldn’t figure out which grey box you’re talking about in the home page. please Locate that and let us know.

    Regards,
    Styled Themes

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘CSS code to remove footer from one page’ is closed to new replies.