Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 1, 2018 at 4:39 pm #979854
    cwcintw

    Hello,
    I wanna know how to expand the content area of portfolio grid (fit to the 100% width, please see the image)
    and maintain the display style on mobile browser

    Thank you so much!

    July 3, 2018 at 5:55 am #980390
    Rikard

    Hey cwcintw,

    Thanks for the screenshot, could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    July 4, 2018 at 4:22 am #980892
    cwcintw

    Hi Rikard,
    The link shows in private content, thank you so much!

    July 4, 2018 at 12:25 pm #981126
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #my-tab-desk article {
    width: 100%;
}

    Best regards,
    Rikard

    July 8, 2018 at 8:00 am #982659
    cwcintw

    Hi,
    Thanks for your help,
    the area width is ok, but the height and img size increase ,too
    How could I only change the width ?

    I tried to write

    #my-tab-desk article {
    width: 100%; height: 160px !important;
}

    and change the image size to 380x160px, select the “No scrolling” image size option,
    neither of them worked.

    Please help me, thank you so much!

    July 9, 2018 at 3:44 pm #983154
    Basilis

    Hi,

    You would need to target the image, inside that section. For example:

    #my-tab-desk article img {
    width: 100%; height: 160px !important;
    }

    and define the sizes for it after :)

    Best regards,
    Basilis

    July 15, 2018 at 11:29 am #985623
    cwcintw

    HI,
    It worked!
    There is still a question, how coluld I make the image aligns right? (Screenshot below)
    Thank you so much!

    July 16, 2018 at 7:43 am #985844
    Rikard

    Hi,

    Please try this instead of the code Basilis sent earlier:

    #my-tab-desk article img {
  width: 100%; 
  height: 160px !important;
  float:right;
}

    Best regards,
    Rikard

    July 19, 2018 at 3:21 am #987240
    cwcintw

    Hello Rikard,

    It great workd, really really thank you.
    There is the last question,
    the hover area seems beyond the image(please see the screen shot)
    In fact I don’t need the link function, so how can I make the link stop working?

    Best regards,

    July 20, 2018 at 5:30 am #987687
    Rikard

    Hi,

    Thanks for the feedback. Do you want to turn that off globally? If so then you can turn that off under Enfold->Advanced Styling. Look for the Linked Image Overlay option.

    Best regards,
    Rikard

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