CSS for one single page

  • Unknown's avatar
    sebastianmesserer · Member ·

    Hi,

    How can I target certain CSS Commands so that they only affect one page? I want the first page of my website to only have a video and a “Continue” link below. How do I achieve this without deleting all the menus etc. from the other pages? This is that page:
    https://sebastianmesserer.com/87-2/

    Thank you for your help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, first off, can you remove this from your custom CSS please? 

    .site-footer,.site-footer a {
	visibility:hidden;
	font-family:"BellMT", Helvetica
}

    You are not allowed to hide or edit the WordPress.com and theme footer credits per our Terms of Service (#1 Attribution). See the Frequently Asked Questions on the Custom Design support page for more information.

    Under Customize > Site Identity, you can choose a different footer credit, such as a simple “WordPress.com, or Powered by WordPress.com along with others.

    You are allowed to restyle the footer credits to better fit with your design as long as they remain readable, and you are also allowed to add text to the footer, such as a copyright statement. If you need help restyling or adding text to the footer, let us know and we would be happy to help.

    On the front page changes, you can use the “home” CSS class that is set in the opening body HTML tag to limit CSS changes to only that page. Add the following and see what you think. The last rule below widens the video contain to full width of the content area, but the downsize is it reveals a black band on each side of the video. If you do not wish to do that, simply don’t use the last CSS rule. 

    .home #masthead {
	display: none;
}
.home #page {
	margin-top: 0;
}
.home .entry-content iframe {
	width: 100% !important;
}

    Since the black background is set inside of the iframe from Vimeo, there isn’t a way for me to change that via CSS. 

    .home #masthead {
	display: none;
}
.home #page {
	margin-top: 0;
}
.home .entry-content iframe {
	width: 100% !important;
}
  • The topic ‘CSS for one single page’ is closed to new replies.