This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Grey background behind the content-single widget in the footer

Resolved 47 replies premiumthemetheme-vantage
jehannehya
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

47
  1. Andrew Misplon Staff 10 years, 5 months ago

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

    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. Andrew Misplon Staff 10 years, 5 months ago

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

    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. Andrew Misplon Staff 10 years, 5 months ago

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

  6. jehannehya 10 years, 5 months ago

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

  7. jehannehya 10 years, 5 months ago

    Maybe i made a mistake on the main CSS style ?

  8. Andrew Misplon Staff 10 years, 5 months ago

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

    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. Andrew Misplon Staff 10 years, 5 months ago

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

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

    The footer is exactly this, right

  12. Andrew Misplon Staff 10 years, 5 months ago

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

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

    Very strange !

  14. jehannehya 10 years, 5 months ago

    Ok i will try the same with footer

    Thanks

  15. Andrew Misplon Staff 10 years, 5 months ago

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

    Let’s do this

  17. Andrew Misplon Staff 10 years, 5 months ago

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

  18. jehannehya 10 years, 5 months ago

    Yes, i do this

    but the footer don’t appear on my page !

  19. Andrew Misplon Staff 10 years, 5 months ago

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

  20. jehannehya 10 years, 5 months ago

    – 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. jehannehya 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

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

  23. Andrew Misplon Staff 10 years, 5 months ago

    The actual markup isn’t printing.

  24. jehannehya 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

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

  26. jehannehya 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

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

    thanks,

  29. jehannehya 10 years, 5 months ago

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

    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. Andrew Misplon Staff 10 years, 5 months ago

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

    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. Andrew Misplon Staff 10 years, 5 months ago

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

    This is a private message.

  35. Andrew Misplon Private Staff 10 years, 5 months ago

    This is a private message.

  36. Andrew Misplon Staff 10 years, 5 months ago

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

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

  37. Andrew Misplon Staff 10 years, 5 months ago

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

  38. Andrew Misplon Staff 10 years, 5 months ago

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

    Thanks a lot !

  40. jehannehya 10 years, 5 months ago

    Did i have to open an other thread ?

  41. jehannehya 10 years, 5 months ago

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

    Don’t work

  43. Andrew Misplon Staff 10 years, 5 months ago

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

  44. jehannehya 10 years, 5 months ago

    Re,

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

  45. Andrew Misplon Staff 10 years, 5 months ago

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

    Yes !
    That works

    Thanks… a lot !

  47. Andrew Misplon Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread