Make an individual home page section be single column;

  • Resolved guavalogin

    (@guavalogin)


    6 years, 8 months ago

    Hi

    I am looking for CSS / plugins to facilitate the following, all help appreciated:

    – make an individual home page section be single column;

    – make menu background a non-default color when it drops down on mobile;

    – a Facebook messenger share button where the button displays an (editable) default message, e.g. “hey buddy, check this out”;

    – ability to put some kind of badge/banner/text box on header.

    Again, really appreciate any help you can offer.

    Thanks

    H

    • This topic was modified 6 years, 8 months ago by Andrew Nevins. Reason: Title amended to be descriptive

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you create a separate thread for each topic? We’ll use this thread only for “– make an individual home page section be single column”.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
body.page-two-column:not(.archive).twentyseventeen-front-page #primary .entry-content,
body.page-two-column:not(.archive).twentyseventeen-front-page #primary .entry-header,
body.page-two-column:not(.archive).twentyseventeen-front-page .panel-content .recent-posts {
    float: none;
    width: auto;     
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Thread Starter guavalogin

    (@guavalogin)

    Thanks for that, Andrew. Unfortunately that code makes all of the front page sections go one column. I only want ‘Front Page Section 2’ to be one column. I wish for the others to be two columns. Can you help at all?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this instead:

    
body.page-two-column:not(.archive).twentyseventeen-front-page #panel2 .entry-content,
body.page-two-column:not(.archive).twentyseventeen-front-page #panel2 .entry-header {
    float: none;
    width: auto;     
}
    Thread Starter guavalogin

    (@guavalogin)

    Legend! That’s done it

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Make an individual home page section be single column;’ is closed to new replies.