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

Grey background behind the content-single widget in the footer

By jehannehya, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months ago Andrew Misplon
    Hi, I Work Here

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

  6. 9 years, 10 months ago jehannehya

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

  7. 9 years, 10 months ago jehannehya

    Maybe i made a mistake on the main CSS style ?

  8. 9 years, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months ago jehannehya

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

    Very strange !

  14. 9 years, 10 months ago jehannehya

    Ok i will try the same with footer

    Thanks

  15. 9 years, 10 months 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, 10 months ago jehannehya

    Let’s do this

  17. 9 years, 10 months 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, 10 months ago jehannehya

    Yes, i do this

    but the footer don’t appear on my page !

  19. 9 years, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months ago Andrew Misplon
    Hi, I Work Here

    The actual markup isn’t printing.

  24. 9 years, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months ago jehannehya

    thanks,

  29. 9 years, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months ago Private Message - WordPress

    This is a private message.

  35. 9 years, 10 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  36. 9 years, 10 months 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, 10 months 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, 10 months 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, 10 months ago jehannehya

    Thanks a lot !

  40. 9 years, 10 months ago jehannehya

    Did i have to open an other thread ?

  41. 9 years, 10 months 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, 10 months ago jehannehya

    Don’t work

  43. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

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

  44. 9 years, 10 months 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, 10 months 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, 10 months ago jehannehya

    Yes !
    That works

    Thanks… a lot !

  47. 9 years, 10 months 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