Image and Text alignment and sizing

  • Resolved freelancesid

    (@freelancesid)


    4 years, 11 months ago

    I wish to align and resize the logo in top bar, while keeping other elements (social, search and basket) at their current location. How do I do this? Also would like to reduce the height of top bar once logo size is reduced.
    I am unable to change font in the header. I want website name and tagline aligned to the left and menu aligned to the right. I would also like to reduce the size of header.
    3rd section of the page is created using wp blocks. How do I control image sizes in this section.
    Expert help will be highly appreciated.
    Regards,

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hi there,
    you are doing a different use of topbar ??
    Please add the following few lines of Additional CSS code to achieve your goals in
    Appearance -> Customizer -> Additional CSS:

    #topbar .widget_media_image {
    float: left;
    }

    #topbar .widget_media_image img {
    width: 170px;
    margin-left: -15px;
    }

    For the other request, about menu and site title positioning, please follow these instructions.
    Go to Appearance -> Customizer -> YITH Theme Options -> Header -> Header Layout
    and choose: Logo on the left and navigation inline

    About the issue with product images follow these instructions:
    Go to Appearance -> Customizer -> WooCommerce -> Product Images
    and here you can set size and proportions as you need. In example for our live demo we use
    Thumbnail width: 362px
    Thumbnail cropping: custom -> 18:25

    I hope you will appreciate our commitment into help you ??

    Thread Starter freelancesid

    (@freelancesid)

    Thanks YITHEMES,

    Your solutions are great. I appreciate your time and efforts to reply to each of my query and help surpassing my expectations.

    However, is there a way we can move the logo further left, in my topbar?

    The website has been updated with your suggestions and can be viewed using previously sent link.

    Thanks again.

    Theme Author YITHEMES

    (@yithemes)

    Hi again ??
    Please add the following rule:
    #topbar .widget_media_image {
    float: left;
    margin-bottom: 15px;
    }

    this will be result
    https://prnt.sc/s6kiom

    Thread Starter freelancesid

    (@freelancesid)

    Thanks a ton for your quick reply and I am very excited to inform you, your solution worked like a dream.

    Regards.

    Theme Author YITHEMES

    (@yithemes)

    You’re welcome!
    If you appreciate this theme and our help, please give us a nice rate!
    Cheers

    Hi, I placed a text widget on the top bar and text will not centre, it’s always aligning to the right. Any solutions?

    • This reply was modified 4 years, 9 months ago by humark.
    • This reply was modified 4 years, 9 months ago by humark.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image and Text alignment and sizing’ is closed to new replies.