Home › Forums › WoodMart support forum › How to edit footer space

How to edit footer space

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 31, 2021 at 6:29 am #315573

    hamda77
    Participant

    Hi

    in the footer section i choose 4 section but the problem that the space between each section is not divided equally Please check the screenshot attached.

    in the product page i want to move the brand name to under the product name by adding Brand : (brand logo picture) under product name please check the attached screenshot.

    Best Regards,

    August 31, 2021 at 10:37 am #315624

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1) Please provide the URL of the website to check it myself and help you out accordingly.

    2) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    body .product-image-summary .woodmart-product-brands{
    margin-left:-10px;
    float: none;
    position:absolute;
    top:70px;
}

.single-product h1.product_title.wd-entities-title {
    margin-bottom: 80px;
}

    Best Regards

    August 31, 2021 at 12:51 pm #315662

    hamda77
    Participant

    I tried to add the code but the brand name still on the right side i want it to be under the product name i have attached a picture of how i want to be

    August 31, 2021 at 1:03 pm #315668

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try and replace the previous Custom CSS with the following then check back.

    .product-image-summary .wd-product-brands {
    margin-left: -10px;
    float: none;
    position: absolute;
    top: 100px;
}

.single-product h1.product_title.wd-entities-title {
    margin-bottom: 80px;
}

    Best Regards

    August 31, 2021 at 1:38 pm #315670

    hamda77
    Participant

    it worked thinks i want the picture to be with out the black boarder how to do that please check the attached screenshot.

    And what about number 1 (in the footer section i choose 4 section but the problem that the space between each section is not divided equally Please check the screenshot attached.)

    August 31, 2021 at 2:29 pm #315678

    hamda77
    Participant

    Hi

    There is a problem when i added the code and the brand logo moved to under the product name when the product name long more than one sentence the image of the brand will cover part of product name so i adjusted the numbers so it will not cover the product name check screenshot number 2 after adjustments then in screenshot number 1 the product name only 3 words so there is a big gap between the product name and the brand logo how to fix this i want to make the brand logo small so it will not affected by how long the product name.

    September 1, 2021 at 6:19 am #315730

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1) To Remove the border try adding the following Custom CSS for that.

    .product-image-summary .wd-product-brands a {
    box-shadow: none;
}

    2) The spacing is not looking good because the content of the footer columns is left aligned. Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS to make them centered.

    .footer-column {
    text-align: center;
}

    3) Sorry but this is how it can be done with Custom CSS and we could not specify the CSS to adjust according to the title length. It requires customizations and this is beyond our limitations and support policy.

    Best Regards

    September 1, 2021 at 8:16 am #315761

    hamda77
    Participant

    Thank you for your help

    September 1, 2021 at 8:37 am #315768

    Aizaz Imtiaz Awan
    Keymaster

    Most Welcome!!!.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘How to edit footer space’ is closed to new replies.