Home Page Banner

  • Resolved John MacDonald

    (@reviewssweiver)


    6 years, 5 months ago

    Is there a way to add an image above the “Service area” using css. I don’t want to add a slider if it is possible to just add an image (below the navigation menu but at the top of the page content area. I have tried adding this (banner) image as a background(parallax) but would prefer to just add the image like on for example a page or blog post with the “Add Media” function.

    Alternatively I would be happy to use the Services Header area as I have no plan to add any content there.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author webdzier

    (@webdzier)

    Hello @reviewssweiver,

    Can you provide your website URL? then we can investigation on your website.

    Regards,
    Webdzier Team

    Thread Starter John MacDonald

    (@reviewssweiver)

    Hi,
    The URL for the home page is https://twitter-traffic.org/fresh

    Theme Author webdzier

    (@webdzier)

    Hello @reviewssweiver,

    Thanks for your reply.
    We checked your website. And we find a solution to add a single image before service area. But at this time you added your image the background of the service area.

    Please follow this for your solution given instruction in below.
    1. Go to your Dashboard -> Posts -> Categories -> Create a category here with the name for example, “Slider Image”. After it created go to Posts -> Add New and give the name of your slide, also add a Featured Image from the bottom of the right side.

    2. Select a category from the right side “Slider Image” that you created for the slide.

    3. Now click on right side “Publish Button” to save the post.

    4. Go to Appearance -> Customizer ->Home Page Slider Section -> Slider Content and select your category “Slider Image” here.
    5. Go back Appearance -> Customizer ->Home Page Slider Section -> Settings and check to enable your slider. Click on top Publish Button to save settings.
    6. Refresh your website again. After that, you can see your image on the home page with some contents.
    7. To hiding these content go to Appearance -> Customizer -> Additional CSS and copy below CSS code :

    .carousel-control,
    .carousel-indicators,
    .carousel-caption{
    display: none;
    }

    and paste it into Additional CSS Settings and click to save this setting.
    8. Remove your service area background parallax image.
    9. And last your image too big please crop it according to your image content.

    After all check your website again.

    Thread Starter John MacDonald

    (@reviewssweiver)

    Thank you that worked like a treat.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Home Page Banner’ is closed to new replies.