Home Forums FAQ Text wrapping/indentation

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #22412
    Akash
    Participant
    Purchased
    Supported

    Hi, Please could you tell me how to overcome the following issue.

    When the width of the desktop window is reduced, the text begin to feather and drop down to the next line, one word at a time creating a strange indentation like the text below. The words ‘house the restaurant’ should be next to ‘remodelled to’. I understand that naturally this will happen on mobile setting but It should automatically create full length sentences.

    The original building was extensively remodelled to
    house the restaurant
    dining space while a rear extension was built to accommodate
    back-of-
    house facilities. By removing elements that had no
    historic significance
    we revealed the building’s original footprint, structure and materiality,
    ensuring its heritage remained present.

    #22413
    Akash
    Participant
    Purchased
    Supported

    Alternatively, is there a way to change the responsiveness width so that the screen switches to tablet/mobile mode earlier than the standard setting? By doing this, I am hoping to avoid text/words dropping to next line as above.

    thank you
    RA

    #22416
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please leave the issued webpage URL, thanks!

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #22420
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22422
    SeaTheme
    Keymaster
    Purchased
    This reply has been marked as private.
    #22426
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22427
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22428
    SeaTheme
    Keymaster
    Purchased

    Hi,
    Welcome!

    I have noticed that the theme is retaining the vertical spaces between the content (image & drawings) but reducing the actual size of the content. Is there a way to proportionally reduce the spacing (above & below) along with the content size?

    I am not sure what’s the “vertical spaces” mentioned in the question.
    Do you talk about the top/bottom spacing?

    Best

    #22429
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22431
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22436
    SeaTheme
    Keymaster
    Purchased

    Hi, welcome!

    I cannot visit the URL now, and the password is not correct now.

    ps: there are only top/bottom spacings for the 2 kinds of status(desktop and mobile). If you want to set for another status, It is possible by the custom CSS for several modules. Let me check your page firstly please

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #22439
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22442
    SeaTheme
    Keymaster
    Purchased

    Hi,

    The top/bottom spacing unit is PX by default, it is possible to set as flex unit VW,
    Like the 2 Images modules: https://www.dropbox.com/s/7gpqeptr5qk8mv3/qq20200901-155235.jpg?dl=0

    It is possible to replace the 240px as 16vw(or another number, you could adjust it):

    @media (min-width: 768px) {
     .module-id-1595952500940>.module-inside { 
        margin-top: 16vw!important;
     }
     .module-id-1595952500944>.module-inside { 
        margin-top: 16vw!important;
     }
    }

    1. What are viewport units: https://css-tricks.com/fun-viewport-units/
    2. the module-id-1595952500940 is module ID, you need to add(edit) the CSS with ID, like

    @media (min-width: 768px) {
     .module-id-1595952500940>.module-inside { 
        margin-top: 16vw!important;
     }
     .module-id-1595952500944>.module-inside { 
        margin-top: 16vw!important;
     }
    /*add a new module*/
    .module-id-xxxxxxxxxxxxxxx>.module-inside { 
        margin-top: 16vw!important;
     }
    }

    Best

    #22443
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22445
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Yes, sorry, it is supported unit PX by default for now.
    It is not necessary to remove 240px, the CSS will cover the 240px.

    Best

    #22446
    Akash
    Participant
    Purchased
    Supported

    thank you.

    But the main problem still remains.

    I want the 240px size top and bottom when viewed in full screen but reduce in size along with images when i reduce the window size. how is it possible for the images to reduce in size but not the spaces above and below?

    All the best,
    RA

    #22447
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22448
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22452
    SeaTheme
    Keymaster
    Purchased

    Hi,

    It is possible to affect the whole website, but it WILL AFFECT all modules. I don’t’ think it is what you want.

    @media (min-width: 768px) {
     .module >.module-inside { 
        margin-top: 16vw!important;
     } 
    }

    Best

    #22454
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22465
    SeaTheme
    Keymaster
    Purchased

    Hi, welcome

    Please add the custom CSS for 27” screen

    @media (min-width: 1900px){
    .container-fluid, .container-class.container-fluid .bm-builder .col-0.bm-wrap:not(.bm-force-full), .container-class.container-fluid .bm-builder .col-0:not(.bm-wrap):not(.bm-force-full) .filters-ul {
        max-width: 1650px;
     }
    }

    Best

    #22469
    Akash
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #22475
    SeaTheme
    Keymaster
    Purchased
    This reply has been marked as private.
Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!