Realigning upcoming event widget – NOT RESOLVED

Home Forums Calendar Products Events Calendar PRO Realigning upcoming event widget – NOT RESOLVED

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #99571
    wineevents
    Participant

    I need to reorganize the upcoming events widget so the venue and date information appears to the right of the featured image and the excerpt below. Adding the featured image and excerpt was a piece of cake but I have been searching over the classes set in the list-widget.php, the stylesheets and what chrome web developer is being applied to the venue/date information and I can not figure out where I can change the styling. Could someone please direct me to the appropriate file so I can create a new div to float that information to the right. It helps consolidate the information and the client and I agree, give it a cleaner look.
    You can see picture of what I want to achieve at http://seattleuncorked.com/upcoming-widget/

    The theme framework is Genesis with Outreach child theme.
    I have set up widget-calendar.css in the pro directory but it doesn’t seem to be reading it
    Thank you for your assistance

    #100233
    Barry
    Member

    Hi!

    Sounds like you’re doing a great job getting stuck in and making changes.  That’s a fairly specific tweak you wish to make though and while we can’t help with it directly, the following resources cover much of what you’ll need.

    Does that help?

    #102279
    wineevents
    Participant

    I understand that you can’t provide the code, I just need to know where to place the code to float the div.I have gone through all the tutorials and read through the technical documents. The themers guide just lists the files but doesn’t specify in any detail which file does what.
    I jusst need to know which php file and which style sheet control the upcoming event widget. Here is the path to the area that I am trying to style (at least according to Chrome Web developer)
    html > body.home.blog.tribe-bar-is-disabled.header-image.full-width-content > div#wrap > div#inner > div#home-middle-bg > div#home-middle > div.home-middle-1 > div#tribe-events-adv-list-widget-2.widget.tribe-events-adv-list-widget > ol.hfeed.vcalendar > li.hentry.vevent.type-tribe_events.post-587.tribe-clearfix.tribe-events-category-wine-event.tribe-events-venue-589.tribe-events-organizer-362 > div.vcard.adr.location > span.locality

    #103904
    Barry
    Member

    Sorry we missed this: but please try adding a tribe-events.css stylesheet to your theme and place your custom rules in there. Hope that helps!

    #103920
    Patti
    Participant

    wineevents, try something like li.vevent img { float: left; } and then add a clear:both to the class on the last line of the venue address.

    #103921
    Patti
    Participant

    sorry, mistake – clear:both goes on the class for the short description.

    #107948
    Barry
    Member

    Thanks for helping out there, Patti 🙂


    @wineevents
    hopefully that gave you some other ideas to explore – and I’ll go ahead and close this thread. Of course if you have any other questions please don’t hesitate to create new threads. Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Realigning upcoming event widget – NOT RESOLVED’ is closed to new replies.