50% OFF on all WebKomp products COUPON CODE: BLACK50 CHECK ALL ITEMS →

Arrow up
Arrow down
×
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

file BODY background image

6 years 9 months ago #356 by Eirini Andreou
Hi. I want to add a background image for the body of each page. BUT i want the content of the article to have a white background. So I want something like the body wrapper to be an image but the body content to be white. Is there a way to do such a thing?

Thank you


  • Posts: 1

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    6 years 9 months ago #358 by __Mike__
    Replied by __Mike__ on topic BODY background image
    Hello,

    If you want to customize template as you want (background image) and don´t know the css class, please use Firefox with the Firebug extension. Here you can analyze every CSS/(LESS) style for customizing the template CSS.

    WebKomp, Support

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1547

  • Gender: Male
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    5 years 11 months ago - 5 years 11 months ago #1290 by Marcel Nebel
    Replied by Marcel Nebel on topic BODY background image
    To set a picture as background for JM-Finance, go to Extensions/Templates/Click on JM_Finance (edit files).
    Navigate to css/presets/preset1 (if you have assigned that to all your menu items)/ preset1.css

    Add the background-image as follows:
    body.bg {
    background: url(../../images/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    Where background.jpg is the background image you have put into joomla/templates/jm_finance/images.

    A solution for the white background of each single content. Add the following lines to the same css file as above:

    .entry-content {
    background: #ffffff;
    }

    This is change the background of all content to white.


  • Posts: 7

  • Gender: Unknown
  • Birthdate: Unknown
  • Last edit: 5 years 11 months ago by Marcel Nebel.

    Please Log in to join the conversation.

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.