20 {{ upvoteCount | shortNum }}
20 {{ upvoteCount | shortNum }}

Help on wordpress site design needed

by stevejon
18 replies
  • WEB DESIGN
    • |
I have a WordPress site, with the Consulting theme, I cannot seem to change the background image on all pages (I have changed the sliders on the main page).

For example, on the Contact page, the page title is "contact" behind that there is a box to put an image, this is not the header image but the background image. This is what i can't find the setting to change.

Thanks in advance.
#design #needed #site #wordpress
Avatar of Unregistered
  • Profile picture of the author SEOptimization@1
    That should be in slider settings - LHS Bottom.

    Steve
    Signature
    PARKER2010.COM
    {{ DiscussionBoard.errors[11213731].message }}
    • Profile picture of the author stevejon
      Hi, Thanks for your reply, Steve

      The slider settings are for the homepage only with I have done. It's all pages except the homepage I can't change.

      Thanks
      {{ DiscussionBoard.errors[11213823].message }}
  • Profile picture of the author athew
    Are you referring to the hero image or the background image for the page? If for the hero image, you can download the plugin WP Display Header which will easily allow you to change for each page. The other can be solved with some simple CSS.
    {{ DiscussionBoard.errors[11213861].message }}
    • Profile picture of the author stevejon
      Thanks for your reply athew

      It's not the hero image, its the background image that sits behind the page name near the top of the page in a small banner box.

      Thanks
      {{ DiscussionBoard.errors[11213875].message }}
      • Profile picture of the author athew
        Can you share the link with me so I can take a look?
        {{ DiscussionBoard.errors[11213901].message }}
        • Profile picture of the author stevejon
          https://www.sjphospitalityservices.com/contact/ on desktop the box is behind the page name. On mobile it appears above it. Thanks.
          {{ DiscussionBoard.errors[11213927].message }}
          • Profile picture of the author athew
            Thank you, Steve.

            I looked at your page. It appears that the "box" you're talking about has an ID of "intro-core-wrap".

            There are 2 ways I know how you can affect this through CSS.

            1) In most themes you can find an "additional CSS" section under the Appearance > Customize section of Wordpress. In that section you can add this code: #intro-core-wrap{
            background-image:URL("example.jpg");
            }. Just replace 'example.jpg' with the address of the image you want to use.

            If you can't find this section you can instead go to Appearance > Editor > Theme Header (header.php). Copy all the text on this page into a text editor (just incase something goes wrong), and then in the <head> section place the following code:

            <style>
            #intro-core-wrap{
            background-image:URL("example.jpg");
            }
            </style>

            Then of course, replace the 'example.jpg'.

            This should work if done correctly.

            Adam
            {{ DiscussionBoard.errors[11213932].message }}
            • Profile picture of the author stevejon
              Ok. I will try that later when I get back to my office.

              Hope it works.

              I will let you know.

              Thanks very much for your help.
              {{ DiscussionBoard.errors[11213933].message }}
              • Profile picture of the author athew
                My pleasure. Happy to help.
                {{ DiscussionBoard.errors[11213935].message }}
                • Profile picture of the author stevejon
                  Hi there.

                  I tried your suggestion, It changed the box that contains the page name, not the banner box behind it.

                  Thanks
                  {{ DiscussionBoard.errors[11214245].message }}
                  • Profile picture of the author stevejon
                    I found it, I changed your code to

                    #intro{
                    background-image:URL("example.jpg");
                    }

                    Thanks very much for your help, I would have taken forever to get here without your help.
                    {{ DiscussionBoard.errors[11214264].message }}
                    • Profile picture of the author athew
                      Hi,

                      it was my pleasure! I know what it's like when you're looking for answers. They can be hard to find on your own sometimes. Anyways, glad it worked out!

                      Best of luck,

                      Adam
                      www.deepscapedigital.com
                      {{ DiscussionBoard.errors[11214458].message }}
              • Profile picture of the author nihamargarate123
                Hi Please, you can change your background color by CSS.
                {{ DiscussionBoard.errors[11214334].message }}
  • Profile picture of the author motiur
    Hi, I am creative web designer & developer with 2 years experience in any kind of WordPress website design and customization. My objective is to provide high-quality, responsive and expert service using my academic and professional experience in web design. I always love to convert the idea of my buyers into an amazing, professional, eye-catching and unique Wordpress based website. My main aim is to satisfy you. I am ready to help you. Thanks
    {{ DiscussionBoard.errors[11214327].message }}
  • Profile picture of the author Dony Kumar
    Hi,

    If you still in the issues, So i will be glad to help you.

    Thanks.
    {{ DiscussionBoard.errors[11214469].message }}
    • Profile picture of the author stevejon
      Thank you, but it is resolved now.

      Steve
      {{ DiscussionBoard.errors[11214719].message }}
  • Profile picture of the author simplio
    Okay if you are on this page at the top left hand corner yo will see the customize option. Click the customize option and there you can see background image and header image.Now from here you can change your image.
    {{ DiscussionBoard.errors[11215995].message }}
    • Profile picture of the author stevejon
      The background setting you are referring to changes the image at the head of the page.

      I have now changed this via the CSS code, as stated above. I have found no other way to do it.
      {{ DiscussionBoard.errors[11216003].message }}
Avatar of Unregistered

Trending Topics