New Landing › How can we help? › Themeforest Theme Support › Joyn › Page Title Alignment

Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Joyn
  • March 26, 2015 at 6:48 pm #161215
    Klarity
    Member
    Post count: 183

    Hi,

    I have an issue with the page title not aligning?

    I think this happened when i reset the fonts in the Theme options menu?

    Many thanks in advance

    Attachments:
    You must be logged in to view attached files.
    March 27, 2015 at 5:48 am #161296
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .tax-product_cat .page-heading{
float:left !important;
}

    Thanks
    Mohammad

    March 27, 2015 at 4:42 pm #161491
    Klarity
    Member
    Post count: 183

    Hi Mohammad,

    Thanks for your advice though this unfortunately hasn’t fixed the problem.
    I have added the screen shots to explain.

    I was wondering if my long title on the product page has pushed everything out of place?

    I have attached 3 images showing what i have currently and then one which shows where i would like the text to be positioned. (file names sort of explain what ive found)

    Many thanks again for your help

    Attachments:
    You must be logged in to view attached files.
    March 30, 2015 at 2:51 am #161676
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce-page .page-heading{
float:left;
margin-top:10px;
}

    Thanks
    Mohammad

    March 30, 2015 at 11:21 am #161838
    Klarity
    Member
    Post count: 183

    Hi Mohammad,

    thanks again for your help – I think I must be confusing you with my termanology?

    Unfortunately this has not worked.
    The Float left style setting is not what im looking for.
    I want to get the text (H1) to align vertically with the dropdown list on the right.

    see my correct.jpg for reference.

    Though a different font This is how is shows on your example site ref:
    http://joyn.swiftideas.com/shop/

    Many thanks again,

    Peter

    March 30, 2015 at 11:36 am #161844
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    The code is perfect and will work 100%. Code will align as you desire. Have you used this code? Where did you insert this code?
    Thanks
    Mohammad

    March 30, 2015 at 1:48 pm #161905
    Klarity
    Member
    Post count: 183

    Hi Mohammad,
    I’ve applied the code as suggested – take a look.

    http://joinfurniture.co.uk/shop/

    Everything appears to have shifted to the left within that Div and is no longer aligned with the rest of the page below?

    Am I missing something?

    many thanks,

    March 30, 2015 at 1:51 pm #161907
    Klarity
    Member
    Post count: 183

    Sorry forgot to say the code is inserted into the custom css under theme options.

    March 30, 2015 at 2:16 pm #161919
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove last code and use this new code.

    .post-type-archive-product .page-heading .heading-text{
margin-top:10px !important;
}

    Thanks
    Mohammad

    March 30, 2015 at 2:27 pm #161925
    Klarity
    Member
    Post count: 183

    Hi Mohammad,

    thanks for the quick reply.
    Unfortunately this still hasn’t worked?

    Take a look here – http://joinfurniture.co.uk/product-category/storage/
    does this match my jpg attached on your pc?

    Cheers,

    Attachments:
    You must be logged in to view attached files.
    March 30, 2015 at 2:35 pm #161930
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code also:-

    .tax-product_cat .page-heading{
float:left !important;
}

    Thanks
    Mohammad

    March 30, 2015 at 2:45 pm #161937
    Klarity
    Member
    Post count: 183
    This reply has been marked as private.
    March 31, 2015 at 5:27 am #162089
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove this code:-

    .tax-product_cat .page-heading{
float:left !important;
}

    And use this new one code:-

    .tax-product_cat .heading-text{
float:left !important;
}

.tax-product_cat .heading-text{
margin-top:12px !important
}
    March 31, 2015 at 8:21 am #162141
    Klarity
    Member
    Post count: 183

    Hi Mohammad,

    Yes! this has worked perfectly! thank you for your help on this!

    One last thing – I would like to removed the space below this text I think this is 35px padding.(see my screen shot – this seems)

    Many thanks again,

    Attachments:
    You must be logged in to view attached files.
    March 31, 2015 at 8:25 am #162150
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce .inner-page-wrap{
margin-top:0px !important;
}

    Thanks
    Mohammad

  • Back to forum
    Posted in: Joyn
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

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