Front Page Display HELP!

  • Resolved modith

    (@modith)


    8 years, 7 months ago

    Hello:

    I recently updated my Sela theme only to have the front page white box reappear. I had previously edited it out because I don’t want it. I followed a CSS editor link to remove the box, but instead removed my entire display! I don’t remember what I did the first time to remove it, but here’s the CSS that I changed: background: #f0f0f0;
    }
    article,
    aside,
    details,??
    figcaption,
    figure,
    footer,
    header,
    main,
    nav,
    ‘.page-id-51 article#post-51 {
    display:none;’
    }
    ol,
    ul {
    list-style: none;
    }
    table {
    border-spacing: 0;
    border-collapse: separate;

    Can someone please help me? I don’t even know how to restore it to the original CSS.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter modith

    (@modith)

    Sorry, thought I’d included my site: https://www.postcardsfromablonde.com

    Thread Starter modith

    (@modith)

    Got the site display back. https://www.postcardsfromablonde.com Still working on deleting white box on front page display.

    Thread Starter modith

    (@modith)

    Solved it using:

    .front-page-content-area .with-featured-image {
    display: none;
    }

    Thanks!

    Moderator Kathryn Presner

    (@zoonini)

    Glad you solved it!

    Just a heads-up that since you edited the stylesheet directly, you’re going to lose your tweaks again, every time Sela is updated to the latest version. It’s not recommended to modify the theme’s files directly for this reason.

    Since you’re already using Jetpack, an easy way to add custom CSS — like your CSS to hide the front page content area — is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    By isolating your custom CSS to the Jetpack custom CSS editor, you’ll be able to update Sela in the future without losing all your CSS tweaks.

    Thread Starter modith

    (@modith)

    Great! Thank you so much for the help. I just had to update again and you were correct. I really appreciate it, Kathryn!

    Moderator Kathryn Presner

    (@zoonini)

    My pleasure! Feel free to start a new thread if you need help with anything else in the future.

    Hello Kathryn, I am having the same issue. I have the Sela theme and I removed the box. It was working great until I updated it. How can I edit css w/in Jetpack so this doesn’t happen again?
    Thanks so much!

    Moderator Kathryn Presner

    (@zoonini)

    ladyred007 — in Jetpack, you can activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS. That’ll protect your CSS changes and allow you to keep the theme up-to-date. If you need further help, could you please start your own thread so the folks here don’t continue to get email updates? Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Front Page Display HELP!’ is closed to new replies.