Home>Support>Grey background behind the content-single widget in the footer

Grey background behind the content-single widget in the footer

Hello,

i have a problem with the content-single widget. I put it in the footer with the page builder. A grey strip appear, i don’t known where i can’t find the CSS line that made this.

See the footer on that page :
http://caletre.fr/notre-philosophie/

it seems to be an heritage ? But from where ?

Thanks

URL: http://caletre.fr/notre-philosophie/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Hi Jehannehya

    To resolve you’d need to do the following:

    Edit the Page Builder row in question.
    Click Attributes top right.
    Insert the following in the first field:

    grey-row
    

    Then, at Appearance > Custom CSS, add the following:

    /* Custom Page Builder */
    
    .grey-row article.post {
        border-bottom: none;
    }
    

    Hope that helps :)

  2. 9 years, 20 days ago jehannehya

    HI,

    thanks a lot, but it seems that doesn’t work.

    I try to customize it but don’t work anymore :

     
    /* Custom Page Builder */
    
    .grey-row article.post {
        border-bottom: none;
    background-color:rgba(0,0,0,0);
    } 
  3. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Can you, please, consider moving this and all of your Custom CSS out of the main style.css file and into the field at Appearance > Custom CSS. All WordPress.org themes completely overwrite their own folder during theme updates.

    This rule isn’t working because the rule above it missing its closing bracket.

  4. 9 years, 20 days ago jehannehya

    Thanks for your response (sorry for my english, i’m french !)

    But it don’t work, I put it in the “Custom CSS” and paste “grey-row” in the field “raw class” in the Attribute box
    I try the other field, don’t work too.

  5. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    It’s working now :) The border is gone.

  6. 9 years, 20 days ago jehannehya

    I always see it on Firefox, a “cache delay” ?

  7. 9 years, 20 days ago jehannehya

    Maybe i made a mistake on the main CSS style ?

  8. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    I think we’re talking about a different line. I’ve re-read your thread. To get rid of the grey background, edit the row it’s in and click the Design tab and clear the background color if one is set.

  9. 9 years, 20 days ago jehannehya

    Re-Hello,

    I talk about a grey strip on the footer that is behind the words “Conférences, Venez…” and hide the word on the left of the screen,

    see the footer on the other pages, for example this one :
    http://caletre.fr/developpement/

    I put off the “query-posts” at the right and the grey strip disppear.

  10. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Strictly speaking, I don’t see the footer on your site at all. You have the footer set to display: none;

    #colophon { display: none; }
    

    When you say footer are you referring to the Page Builder row with the following content?

    NOUS CONNAÎTRE

    Notre philosophie
    Portraits

  11. 9 years, 20 days ago jehannehya

    I known, bad habits, but i used a page builder raw as a Footer.

    The footer is exactly this, right

  12. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    It might be less work to use the regular footer. You can insert a Layout Builder widget at Appearance > Widgets. That would let you build it in the same manner.

  13. 9 years, 20 days ago jehannehya

    Smart ideas, i haven’t try it, but when put in the CSS that change anything.

    Very strange !

  14. 9 years, 20 days ago jehannehya

    Ok i will try the same with footer

    Thanks

  15. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Right now, to change your last row you need to make those changes on every page. That’s not really ideal. Do you want to try my idea of the Layout Builder at Appearance > Widgets > Footer. Then once done, insert your Post Loop widget, show me the break, if there is one, and I’ll resolve from there.

  16. 9 years, 20 days ago jehannehya

    Let’s do this

  17. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    So to confirm, you’ll move everything into Appearance > Widgets > Footer using a Layout Builder widget and we’ll resolve from there?

  18. 9 years, 20 days ago jehannehya

    Yes, i do this

    but the footer don’t appear on my page !

  19. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Have you removed the CSS rule you used to hide the footer? I pasted it above.

  20. 9 years, 20 days ago jehannehya

    – I’ve remove the CSS rule in CSS customer
    – Make a page builder in the appearance widget footer en copy the code in it

  21. 9 years, 20 days ago jehannehya

    The few lines about it

     #colophon{
    margin-bottom:20px;
    }
    
    #colophon #theme-attribution,#colophon #site-info{
    text-align:center;
    margin-top:25px;
    
    font-size:11.5px;
    }
    
    #colophon #theme-attribution a,#colophon #site-info a{
    text-decoration:none;
    font-weight:500;
    }
    
    .layout-full #colophon{
    margin-bottom:0;
    margin-top:0;
    padding-top:30px;
    padding-bottom:30px;
    }
    @media (max-width: 1080px) {
    
    .responsive.layout-boxed #page-wrapper{
    margin:0;
    padding:0;
    }
    .responsive.layout-boxed #colophon{
    margin-bottom:0;
    }
    } 
    
  22. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    The footer HTML isn’t printing at all. Have you modified any theme files at a code level and perhaps removed the footer?

  23. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    The actual markup isn’t printing.

  24. 9 years, 20 days ago jehannehya

    about footer

    /* =Sidebar widget styling
    ----------------------------------------------- */
    #secondary .widget,#footer-widgets .widget{
    margin-bottom:40px;
    font-size:13px;
    color:#5e5e5e;
    }
    #secondary .widget:last-child,#footer-widgets .widget:last-child{
    margin-bottom:0;
    }
    #secondary .widget .widget-title,#footer-widgets .widget .widget-title{
    font-size:15px;
    color:#3b3b3b;
    font-weight:bold;
    margin-bottom:15px;
    }
    #secondary .widget ul,#footer-widgets .widget ul,#secondary .widget ol,#footer-widgets .widget ol{
    list-style:none;
    padding:0;
    margin:0;
    }
    #secondary .widget ul ul,#footer-widgets .widget ul ul,#secondary .widget ol ul,#footer-widgets .widget ol ul,#secondary .widget ul ol,#footer-widgets .widget ul ol,#secondary .widget ol ol,#footer-widgets .widget ol ol{
    margin-left:1em;
    }
    #secondary .widget ul li a,#footer-widgets .widget ul li a,#secondary .widget ol li a,#footer-widgets .widget ol li a{
    text-decoration:none;
    }
    #footer-widgets{
    zoom:1;
    margin:0 -5px;
    max-width:100%;
    }
    #footer-widgets:before{
    content:'';
    display:block;
    }
    #footer-widgets:after{
    content:'';
    display:table;
    clear:both;
    }
    #footer-widgets .widget{
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    padding:0 15px;
    margin-bottom:0;
    
    }
    #footer-widgets .widget a{
    color:#cccccc;
    }
    #footer-widgets .widget .widget-title{
    color:#e2e2e2;
    font-size:14px;
    font-weight:bold;
    margin-bottom:20px;
    }
    
  25. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    So to confirm. Have you edited any PHP theme files. This is not a CSS problem.

  26. 9 years, 20 days ago jehannehya

    Argh ! Maybe, you’re right.

    I’d certainly erase the line but, but before i start this i copy all the originals .php, maybe i forgot one ?

    Which files contain lines about footer ?

  27. 9 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Just another reminder. Please, don’t edit any files in the parent theme. If you rely on that it means you can never update the theme and if you do you’ll lose all changes.

    Check template-full-notitle.php

    The following should be the last line:

    <?php get_footer(); ?>
    

    If that is there then check footer.php that should have contents as follows:

    https://themes.svn.wordpress.org/vantage/1.4.2/footer.php

  28. 9 years, 19 days ago jehannehya

    thanks,

  29. 9 years, 19 days ago jehannehya

    Too many problems, so i reinstalled the template.

    Surprise ! The footer is here, but the grey strip is now a rectangle !

    My second problem of background still there ! ; )

  30. 9 years, 19 days ago jehannehya

    Hi,
    and the solution came with a problem, i can’t stick the bottom image of the two guys to the grey background of the footer.

    : (

    Good night

  31. 9 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    Nicely done. The background color is coming from the row settings. Edit the row click Theme on the right then Background Color then Clear.

  32. 9 years, 19 days ago jehannehya

    Hello,

    thanks

    The problem is that i want to preserve the grey background on all the footer, but i don’t want the darker grey behind
    “Conférences — Venez nous voir Jeudi au “Apéro de la création”. In the “attributes” the widget have no color.
    …it’s strange

    With the solution of the footer widget i have no a blank space between the last raw and the footer. I would like to stick the photography to the grey background of the footer.
    http://caletre.fr/expertisecomptable/

    I try with a class to “padding” the image

    .imagebord {
    margin-bottom:-8px;
    margin-left:100px;
    
    }
    

    But don’t work

    Thanks for the help

  33. 9 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    Hi Jehannehya

    Let’s first sort out the block color issue before addressing another challenge.

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  34. 9 years, 19 days ago Private Message - WordPress

    This is a private message.

  35. 9 years, 19 days ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  36. 9 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    The block was coming from a Page Builder row in this post:

    http://caletre.fr/wp-admin/post.php?post=77&action=edit

  37. 9 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    Next go to Appearance > Customize > Theme Design > Footer and setup your heading colors etc. so they work with the background.

  38. 9 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    You can add a footer background from Appearance > Customize > Theme Design > Footer too. Is that what you’re looking to do? We might need to tweak its position with CSS. I can help once it’s up.

    I’ll be online at various stages during the day.

  39. 9 years, 19 days ago jehannehya

    Thanks a lot !

  40. 9 years, 19 days ago jehannehya

    Did i have to open an other thread ?

  41. 9 years, 19 days ago jehannehya

    I try to with the tips that i found in an other Thread on the forum :

     .layout-full #colophon {
    padding-top: -30px !important;
    }
    
    .home#main {
    max-height: 1400px;
    }
    body.layout-full {
      background-color: #C1C1C1;
    }
  42. 9 years, 19 days ago jehannehya

    Don’t work

  43. 9 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    Sure. What are you trying to accomplish, let’s start there.

  44. 9 years, 18 days ago jehannehya

    Re,

    I want to Stick the bottom of the photography “of the guys” at the top of the footer background.

  45. 9 years, 18 days ago Andrew Misplon
    Hi, I Work Here

    You can change this to 4px:

    .imagebord2 {
        margin-bottom: -4px;
    }
    

    I think it was -11px;

    Then add:

    .page-id-109 #main {
    padding-bottom: 0;
    }
    
  46. 9 years, 18 days ago jehannehya

    Yes !
    That works

    Thanks… a lot !

  47. 9 years, 18 days ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that did the trick.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More