Responsive Columns

  • Resolved haizdesign

    (@haizdesign)


    7 years, 11 months ago

    I’m using the content/popup view and the width seems to be fixed in pixels.

    .element_16 {
    width: 100%;
    max-width: 277px;
    height: 207px;
    margin: 0 10px 10px 0;
    background: #f9f9f9;
    border: 1px solid #dedede;
    outline: none;
}

    With my theme, this is allowing for 3 columns at full width, but I’d like 4. I’d also like to reduce this through media queries, but the elements seem to be positioned absolutely. Also, IDs are being set on each gallery, so can you advise as to how I can create global responsive styles please?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @haizdesign
    Thank you for your question

    I will recommend to go in \templates\front-end\view\content-popup\content-popup-view.css.php
    file
    and add this code using the selector
    .element{

    }

    Thread Starter haizdesign

    (@haizdesign)

    Thanks for the response. Can you look at adding global classes and IDs in future versions please. This solution will need reapplying whenever the plugin gets an update, or is there a way to bring this template into our theme?

    To bring it into theme will not be possible
    “Element” of the css is a global selector, which already exists in the plugin HTML, so no need to include it again
    And you also may use .element selector while writing css codes in the theme

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Columns’ is closed to new replies.