Change Footer Background Color

Home Forums WordPress Themes Change Footer Background Color

This topic contains 28 replies, has 3 voices, and was last updated by  Betty Designer 4 months ago.

Website URL: http://aeempire46.firstcomdemolinks.com/wordpress/
Theme: Tuoring - Visual Theme For Fashion Store
Purchase Code: Please provide correct purchase code

  • Author
    Posts
  • #27831

    Betty Designer
    Participant

    Hi, I want to change the footer background color. I have looked in the visual composer and other theme options but cannot find the area where this can be changed. Can you help?

  • #27846

    supporter
    Moderator

    Hi.

    Could you please provide us your purchase code.

    For the background color, please go to Visual Composer -> Templates-> [your-footer] to edit your footer back ground.

    Thanks.

  • #27851

    Betty Designer
    Participant

    Hi, I try the method but I can’t find the function. Can you help me? Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #27864

    supporter
    Moderator

    Hi.

    You need to create a footer, just like create a page after that you need to go to Theme Option -> Footer to choose the footer for your website.

    Also same for header (without the header, your menu in mobile view will have error).

    You can import our footer content by go to Visual Composer -> Templatera

    Thanks.

  • #27967

    Betty Designer
    Participant

    Hello, I done it already. Thanks.

    Now, I want to change the grey bar(see the attachment picture) color.
    Where I can find it? Can you help me? Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #27990

    supporter
    Moderator

    Hi.

    Please add this code to Theme Option -> Custom CSS:

    .main-container .breadcrumbs-container{
    background:#[your-color];
    }

    Thanks.

  • #28012

    Betty Designer
    Participant

    I do the step like the image(1.jpg) but nothing to change.
    I also do the step in the webiste cPanel like the image(2.jpg) but also nothing to change.
    So, what’s the problem? Please help me.
    Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #28030

    supporter
    Moderator

    Hi.

    please re move [] character

    Thanks.

    • #28033

      Betty Designer
      Participant

      Hello, I also done it already. Thanks.

      So now, I want to know how to change the product page banner size?
      Can you help me? please. Thanks.

  • #28068

    supporter
    Moderator

    Hi.

    For that you can also add custom code. What would you like to re-size it?

    Thanks.

  • #28082

    Betty Designer
    Participant

    Hi,

    I want the banner size like 1200pixels  x  250pixels.
    After that, if I want the different product categories page has different banner.
    How can I do? Tell me please.

    Thanks.

  • #28115

    supporter
    Moderator

    Hi.

    For this please add this code to Theme Option -> Custom CSS:

    .woocommerce img, .woocommerce-page img{
    max-height:250px;
    }

    And please make sure that you have an image with the size is 1200px x 250 px;

    There are noway to set different banner with different size.

    Thanks.

  • #28119

    Betty Designer
    Participant

    Hi.

    I add the code to Theme Option -> Custom CSS already but it’s look like not nice.(like the attachment pic.)
    After that, I want the different product categories page has different image banner.
    Then, I want all product page also has a banner. Can I do it?
    Help me, please.

    Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #28121

    Betty Designer
    Participant

    Hi.

    I also need to put some text inside the banner. How can I do?

    Thanks.

  • #28164

    supporter
    Moderator

    Hi.

    Please add this code instead of the old one:

    .shop-banner img{
    max-height:250px;
    }

    And as i said make sure your banner images is 250x 1200

    What kind of text your want to add? For that you need to edit the code. I can make it like a option in Theme Option -> Products. Make a note that the text will apply for all products page.

    Thanks.

  • #28175

    Betty Designer
    Participant

    Hi,

    I add the code already but it’s look like not nice. (view 1.jpg)
    I want the banner align center.

    About the text, I want to do something like 2.jpg.

    Then, I want to do different product categories page has different image banner. (eg: 3.jpg)
    How can I do?

    Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #28190

    Betty Designer
    Participant

    Hi,

    I need it ASAP.
    My deadline is coming very close.
    Please help.

    Thanks.

  • #28220

    supporter
    Moderator

    Hi.

    Please read the answer upper. i already answer twice. Please make sure you have banner picture in 250px x 1200 px

    Please provide us your FTP, also the password to access to your website.

    Thanks.

  • #28221

    supporter
    Moderator

    Hi.

    For the different category images, please go to Theme Option -> Products -> category and change it.

    Thanks.

  • #28259

    Betty Designer
    Participant
    This reply has been marked as private.
  • #28276

    Betty Designer
    Participant

    Hi.

    The attachment issue solved already.
    Just only the banner problem.

    Thanks.

  • #28312

    supporter
    Moderator

    Hi.

    I cannot access to your Dashboard again.

    Please remove the code that you added :

    position:relative;
    left: 50%;
    right: >auto;
    transform:translateX(50%);

    After that add this code in that section:

    width:100%;

    Thanks.

    • This reply was modified 4 months, 2 weeks ago by  supporter.
  • #28405

    Betty Designer
    Participant

    Hi.

    I done it already.

    About the different banner, I cannot find the function Theme Option -> Products -> category. (view 1.jpg)

    Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #28457

    supporter
    Moderator

    Hi.

    I will check back with our coder.

    Thanks.

  • #28481

    Betty Designer
    Participant

    Hi.

    Please tell me when your coder completed it.

    Thanks.

  • #28538
    Kevin Sobo
    Kevin Sobo
    Keymaster

    Hello,

    I updated code for the “woocommerce/archive-product.php” file. Now you can show thumbnail & description of category on top.

    Best regards

  • #28585

    Betty Designer
    Participant

    Hi.

    Where I can find the function?
    Tell me, please.

    Thanks.

  • #28622

    supporter
    Moderator

    Hi.

    Please go to your Dashboard -> Products -> Category to change the category images.

    Thanks.

  • #28623

    Betty Designer
    Participant

    Hi.

    I find it already.

    Thanks.

The topic ‘Change Footer Background Color’ is closed to new replies.

Browser our premium, beautiful WooCommerce WordPress themes for your online store