Home › Forums › Calendar Products › Events Calendar PRO › Realigning upcoming event widget – NOT RESOLVED
- This topic has 6 replies, 3 voices, and was last updated 12 years, 2 months ago by
Barry.
-
AuthorPosts
-
February 1, 2014 at 3:50 am #99571
wineevents
ParticipantI 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 assistanceFebruary 3, 2014 at 4:51 pm #100233Barry
MemberHi!
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?
February 8, 2014 at 5:06 am #102279wineevents
ParticipantI 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.localityFebruary 12, 2014 at 2:29 pm #103904Barry
MemberSorry 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!
February 12, 2014 at 3:09 pm #103920Patti
Participantwineevents, 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.
February 12, 2014 at 3:12 pm #103921Patti
Participantsorry, mistake – clear:both goes on the class for the short description.
February 21, 2014 at 6:53 am #107948Barry
MemberThanks 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! -
AuthorPosts
- The topic ‘Realigning upcoming event widget – NOT RESOLVED’ is closed to new replies.
