Change dimensions of current and added Elements/widgets

This topic has 15 replies, 2 voices, and was last updated 3 years, 11 months ago ago by Olga Barlow

  • Avatar: Adam
    Adam
    Participant
    November 29, 2020 at 20:20

    The current boxes. How would I adjust the dimensions? For instance, the slider height and width? I can adjust the height/width/and margins of the boxes below the slider, but if I add a new element/widget such as a video widget it goes full width. I would like to make my own boxes and create my own dimensions for instance 200×100.

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 30, 2020 at 13:23

    Hello,

    1) You can adjust the slider height/width using the slider settings depending on the type of the slider. Read the Revolution slider documentation https://www.sliderrevolution.com/documentation/module-layout/#breakpoints
    https://www.sliderrevolution.com/faq/responsive-content/

    2) What element do you use to add the video? You can limit the width of any element by the column width where it’s placed.

    Regards

    Avatar: Adam
    Adam
    Participant
    November 30, 2020 at 17:06

    Hello,

    solved.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 30, 2020 at 19:31

    Hello,

    Great, glad to hear that.

    Regards

    Avatar: Adam
    Adam
    Participant
    November 30, 2020 at 21:43

    Actually, now my responsiveness has gone out of wack.

    I may have gotten the browser/Desktop to look good. But mobile, tablet, and smartphone are off.
    How do I adjust the image so that it fits properly inside the dimensions?

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 1, 2020 at 16:55

    Hello,

    Could you, please, provide us with mockup on how you would like to make banners look at the desktop and for the mobile devices and temporary WP Dashboard access. We’ll try to help you. Because it’s difficult to suggest something to you if we don’t understand the final result that you try to achieve.

    Regards

    Avatar: Adam
    Adam
    Participant
    December 1, 2020 at 18:30

    Ive attached a link to the image. It’s not being neatly responsive. I just want everything to fit in frame. And logo be aligned in the center

    Only the browser view seems okay. Everything else is off.

    https://ibb.co/fF3b4pj

    Thanks so much

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 1, 2020 at 23:16

    Hello,

    Alignment issues with banners on mobile are related to your margin settings. Could you, please, provide us with temporary WP Dashboard access to your site to check it and help you?

    Regards

    Avatar: Adam
    Adam
    Participant
    December 1, 2020 at 23:21

    yes, here it is.

    Thank you

    Please contact administrator
    for this information.
    Avatar: Adam
    Adam
    Participant
    December 3, 2020 at 03:49

    Hello,

    How do I remove the categories/threads on the product page?
    https://ibb.co/gtTfPFj

    How do I increase the image size for the products? So far I seemed to have maxed it out.
    current: https://ibb.co/VwC2Ggs
    desire: https://ibb.co/Y8FHR4C

    Thank you in advance.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 3, 2020 at 18:34

    Hello,

    1) Negative margin for the row gave the problem on the mobile http://prntscr.com/vv6mkt
    Also, I have created an example of the alternative way to make banners using row bg image below the existing banners.
    Read about the responsiveness of the Revolution slider and edit it according to your needs for the mobile devices. https://www.sliderrevolution.com/faq/responsive-content/
    2) We have added custom CSS to hide the breadcrumbs on the single product page. Check now.
    3) You can choose the image proportions and crop option in Appearance > Customizer > WooCommerce > Product images.

    Regards

    Avatar: Adam
    Adam
    Participant
    December 5, 2020 at 00:43

    Thank you for those fixes.

    How do I decrease font size for titles on the front page? And move to the left?
    https://pasteboard.co/JDqPmu7.jpg

    How do I move the categories sidebar to the left more? Also make the categories sidebar use less width? How would I make the products wider and take more space on the product page?
    https://pasteboard.co/JDqUbDe.jpg

    I’m trying to get it similar to:
    https://pasteboard.co/JDqUR3W.jpg

    “You can choose the image proportions and crop option in Appearance > Customizer > WooCommerce > Product images.” didn’t do what I was hoping for.

    Thanks for the help

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 8, 2020 at 11:45

    Hello,

    1) Add the below code to change aligment and font size of the titles

    .title {
        text-align: left;
        font-size: 22px;
    }

    2) It’s not possible to move the sidebar to left because it’s located in the site container. You can add only increase the width of the site container using below code

    @media only screen and (min-width:977px){
        .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
            width: 1470px;
            max-width:100%;
            padding: 0 15px;
        }
    }

    And decrease the sidebar width, is it ok for you http://prntscr.com/vy5h4s ?

    Regards

    Avatar: Adam
    Adam
    Participant
    December 10, 2020 at 02:01

    Hi there,

    That code did not change the container width. I’m not noticing anything different.

    The logo is no longer centered.

    The logo is not fitting the same as Legenda fit. I’m trying to get it to fit the same without the spaces above and below. I’m used the same height as the legenda logo but it’s still not working.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 11, 2020 at 10:46

    Hello,

    1) Code works, your container width is larger (1470) http://prntscr.com/w0eal9 than before (1170) and sidebar is smaller width.

    2) Check the logo position now.

    Regards

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.