New Landing How can we help? Themeforest Theme Support Neighborhood Aligning product price in product page, and removing overlays

Viewing 13 posts - 1 through 13 (of 13 total)
  • #96957
    mf2014
    Member
    Post count: 31

    Hi there,

    I was hoping you’d be able to help me with a couple of things i am having a problem trying to solve.

    1. I have centred the product name on the product pages, and have been to trying align the price so it sits directly underneath but am having no luck with it. Is there a way to do this?

    2. Is there a way to remove all of the coloured overlays that show on the pictures?

    Your help would be greatly appreciated, many thanks.

    Attachments:
    You must be logged in to view attached files.
    #97141
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    body.single.single-product div.summary div p.price{width:92%; text-align:center;}
    figure .overlay{display:none !important}

    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #97160
    mf2014
    Member
    Post count: 31

    Perfect, thank you again for you help.

    And sorry to be a pest but could i also get the css for aligning the product title directly above the price centered also.

    I had used:

    .woocommerce div.product .entry-title {
    display: block;
    float: right;
    width: 38%;
    text-align: left;
    font-size: 26px;
    margin-bottom: 30px;
    }

    To display it where it is but it isnt centering properly.

    Thanks again for your help ๐Ÿ™‚

    #97235
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I am not getting you exactly. Please explain issue with marked screenshot.
    With Best Regards
    Swift Ideas

    #97381
    mf2014
    Member
    Post count: 31

    Sorry!

    Here is the screenshot below.

    It is basially the same issue as the first one but this time trying to align the product title in the center instead of the price.

    Many thanks!

    Attachments:
    You must be logged in to view attached files.
    #97385
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Pleas remove that one code use this one new code-:

    body.single.single-product div.summary div p.price{width:100%; text-align:center;}
    figure .overlay{display:none !important}

    Hope that should work fine.
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #97411
    mf2014
    Member
    Post count: 31

    Hi there,

    I removed that code, and used the one provided how the product title is no longer showing?

    Attachments:
    You must be logged in to view attached files.
    #97414
    mf2014
    Member
    Post count: 31

    I removed that code, and used the one provided however the product title is no longer showing?*

    Attachments:
    You must be logged in to view attached files.
    #97421
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I made some changes so please check and let me know your feedback.
    Thanks

    #97436
    mf2014
    Member
    Post count: 31

    Thank you so much for your help, however the product title still doesn’t seem to be aligning with the centered price as it is still located just to the right of it.

    Please see attached image

    Attachments:
    You must be logged in to view attached files.
    #97503
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please just check it now.
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #97534
    mf2014
    Member
    Post count: 31

    Amazing!!

    Thank you again for the help.

    Have a good day ๐Ÿ™‚

    #97543
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved.
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register