Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #577374

    The password is in the private content.

    I can’t figure out how to get the two elements i put next to each other (the form and content to the left) to act as a block and change in width. i know the selector is this: #top .flex_column_table

    however, whenever i try to apply the class i assigned to both of those elements to that selector, it doesn’t work. (imafloater)

    Please help! i’m losing my mind. and yes. it’s already in a color section. i’m trying to figure out how to make a div out of two elements within a color section. thank you!

    • This topic was modified 8 years, 1 month ago by Gal726.
    #577473

    Hi Gal726!

    I viewed your link but I’m not sure I understand. Can you take a screenshot and highlight what your trying to do so we can get a better idea?

    Regards,
    Elliott

    #577767

    i can’t put screen shots in here.

    i need to take the two columns and turn them into a container. but they are already in a color section.

    #577866

    Hi!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Have you tried using Grid Row elements instead of Color Section?

    Cheers!
    Yigit

    #578437

    i actually figure it out :)

    .page-id-4629 .flex_column_table {
    width:80% !important; margin: 0 auto;
    }

    that was the code i needed to use.

    HOWEVER
    Now i’m in a new dilemma

    i need it that specific class to be width 100% on mobile. right now its set on 80% (it needs to be 80% on desktop)

    i can’t get the class to work when i apply it to the media query css:

    @media only screen and (max-width: 800px) {
    .responsive #top .flex_column_table {
    display: block;
    width: 100% !important;
    }}

    how do i fix it?

    • This reply was modified 8 years, 1 month ago by Gal726.
    #578438

    in short. it looks absolutely horrible on mobile and i need your help :)

    NEW LINK:

    PW: 123456

    #578443

    btw- it has to be in a color section because the background needs to take up the whole page. does that make sense? i need the image to be the entire page so i can’t use a grid row

    #579141

    Hey!

    If you want the width to be 100% on mobile, use this:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
        width: 100%;
        max-width: 100%;
    }
    }

    The default width (85%) looks better though.

    Cheers!
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.