Move Info Under Image

  • Hi,

    I love your events calendar – has been very easy to install and style etc … the only thing I would like to do and cannot figure out is how can I move the information, which i believe is contained within the vsel-image-info actually underneath the image and the vsel-meta / just in some cases (as in the page shown) there is a lot of detail and i would like for it just to be displayed last, underneath spanning 100% width – I can’t seem to do it in the style sheet

    Thank you!!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Guido

    (@guido07111975)

    Hi,

    You can display the image underneath the text with some custom CSS via the custom CSS page in the customizer:

    
#vsel .vsel-image {max-width:100%; float:left; margin:0.3em 0 0.3em 0; clear:both;}

    Will this work for you? Note: this custom CSS will also apply to the widget now, is this a problem?

    Guido

    ps. or display an event summary in combination with a single event page.

    Plugin Author Guido

    (@guido07111975)

    Update: with this custom CSS you can display the event text underneath meta and image:

    
#vsel .vsel-info {clear: both;}

    Note: this custom CSS will also be used for widget and mobile screen. So you should look for a fix for that too. Can help you with that.

    Guido

    Thread Starter jmarshall2017

    (@jmarshall2017)

    Thank you! That worked perfectly.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Info Under Image’ is closed to new replies.