Support » Plugin: Simple Giveaways » No left column or left menu

  • Resolved bjrnet21

    (@bjrnet21)


    Thank you for a great plug-in.

    I have selected (enabled) the Page Layout? option: “If checked, header and footer of your site will be displayed also.

    This works great, however, I also have a left side area with graphics and menu items.

    Is there any way to get my left side area enabled? I use the Twenty-Fourteen theme.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Igor Benic

    (@ibenic)

    Hi @bjrnet21,

    unfortunately, that’s pretty hard to achieve automatically, so I could only get the header and footer since those are common for each theme.

    I am currently travelling and will be back on Monday. I can then take a better look and let you know if there is a way to add a template to your theme that will then show the giveaway and also the sidebar.

    I think I did implement a way to overwrite the template but I want to make sure everything is working correctly and give you an example for your theme.

    In case I forget to get back to you on Monday, just write a reply here to remind me.

    • This reply was modified 3 months, 2 weeks ago by Igor Benic.
    Plugin Author Igor Benic

    (@ibenic)

    Hi @bjrnet21,

    I have finally found time and created a child theme which you can use with Twenty Fourteen. It loads all the styles from the parent theme (Twenty fourteen) and it loads the giveaway template with the sidebars of Twenty Fourteen.

    Do have in mind that this child theme is created with the basic, free giveaway template. https://www.wpsimplegiveaways.com/wp-content/uploads/2019/10/child-2014.zip

    In case you’re using the premium version, copy the giveaway templates under public/templates/ into the child-2014/giveaways/templates/ and it will work.

    Tested it myself with the latest version of the Twenty Fourteen.

    • This reply was modified 3 months ago by Igor Benic.
    bjrnet21

    (@bjrnet21)

    Thank you so much Igor. I worked on adding your child-theme this morning and it works! You can check it out at https://www.blackjackreview.com/wp/giveaway/monthly-giveaway/. Free free to enter your email address to participate in my giveaway 🙂

    I am trying to tweak the giveaway page a bit so it better matches the overall look of the site. Couple areas that I am having trouble with:

    – Giveaway Top header is centered by default (I use left aligned and a different font)
    – Giveaway has a border which now looks a bit strange on my site (When the Giveaway child theme got implemented it started using the full width setting of the page. which is OK but I would like to have more control.

    Once again, thank you very much for your help.

    Plugin Author Igor Benic

    (@ibenic)

    Hi @bjrnet21,

    you can add this custom CSS to left align the header:

    .content-area .sg-theme-layout .giveasap_section h1 { text-align:left; font-weight: 500 }

    I saw that the font-family is the same so you could try using the font-weight setting to set a different thickness of the letters (the higher the number, the bolder the text is).

    To remove the border (a shadow actually):

    .content-area .sg-theme-layout .giveasap_box { box-shadow: none; }

    bjrnet21

    (@bjrnet21)

    Wonderful….

    I’m one step closer to matching the theme to my web site. Currently, I have in my custom CSS:

    .content-area .sg-theme-layout .giveasap_section h1 { text-align:left; font-weight: 400; font-size: 24pt; }
    .content-area .sg-theme-layout .giveasap_box { box-shadow: none; }

    That gets rid of the shadow box lines, however, there is still a spacing “gap” at the top and the main text is indented a bit too far.

    Any ideas how to fix this?

    If you switch between https://www.blackjackreview.com/wp/ and https://www.blackjackreview.com/wp/giveaway/monthly-giveaway/ , you will see what I mean.

    In any case, thank you again for your previous help.

    Plugin Author Igor Benic

    (@ibenic)

    Hi @bjrnet21,

    here is the CSS that might fix it for you 🙂

    .site-main .content-area .sg-theme-layout { width: 100%; margin-left: 0; }
    .content-area .sg-theme-layout .giveasap_box header.giveasap_section { padding: 0 30px; }

    .content-area .sg-theme-layout .giveasap_section h1 {
    margin-top: 0px;
    }

    bjrnet21

    (@bjrnet21)

    Fantastic…. yes this works.

    Obviously, I am not a CSS expert. Thank you so much for your help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.