0
Welcome Guest! Login
0 items Join Now

SOLVED Gantry Background Repeat

Last Post
Search Topic

  • SOLVED Gantry Background Repeat

    Posted 6 years 4 months ago
    • WordPress 5.0.2
      Theme: Reiko
      Gantry 5.4.27
      URL: wp50.donslab.com
      Experince level - I know the basics, but can't figure out where to put this.

      Attempting: Replace background image over the entire site. If the individual particle or other component doesn't have a background of it's own, then this will be visible. This includes any and all white spaces in padding areas.

      In this URL I see this code.
      wp50.donslab.com/wp-content/themes/rt_re...piled/reiko_home.css 
      body #g-page-surround
{background-color:rgba(255, 255, 255, 0);
background-image:url('../images/body-background.jpg?5c1c8ae9');
background-repeat:repeat-y;
background-size:100% auto}

      This tells me (and I could be wrong here) that I need to override the "body #g-page-surround" section.

      I go through the instructions here: docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
      and create a custom.scss style sheet in rt_reiko/custom/scss with the following contents
      #g-page-surround
        {
        background-color:rgba(255, 255, 255, 0);
        background-image:url('../images/body-background.jpg?5c1c8ae9');
        background-repeat:repeat;
        background-size:auto
        }

      If I recompile the CSS via the Recompile CSS button, I can then see the changes in the "link rel='stylesheet' id='custom_home-css'" page. However the section of the page is showing the graphic still not the way it should be. I would have thought that the override I put in would show the graphic at the 500x500 dimensions, and then have it repeat over and over.

      Questions:
      1) Is my code correct, and it's simply a matter of the wrong section (#g-page-surround) being defined, or have I gone about this all wrong?
      2) What section would I override to get this to show for the entire page, not just the bottom section?
    #1399498
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Gantry Background Repeat

    Posted 6 years 4 months ago
    • 1. you selector is wrong, and the image url stated is resulting in a not found (so check it exists) it needs to be...
      html body #g-page-surround {
    background-image: url("yourimageurl");
}
      you also don't put the timestamp on the url either.

      2. That is for the entire page but all the other sections have opaque backgrounds so you need to make them transparent.

      3. If you need more help Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look for you.

      Regards, Mark.

    • The following users have thanked you: lightsguy

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1399504

  • Re: SOLVED Gantry Background Repeat

    Posted 6 years 4 months ago
    • Thank you, Mr. T. Everything worked.
    #1399549

Time to create page: 0.054 seconds