WordPress.org

Ready to get started?Download WordPress

Forums

GigPress
[resolved] CSS Classes (4 posts)

  1. randomjames
    Member
    Posted 1 year ago #

    Hi GigPress,

    I am working on customizing the CSS of an events list and am having a lot of trouble getting it to do what I want it to do.

    I've found that the info-items are located in the shows-list.php file. Each item such as "TIme", "Admission", etc all have the same class of "gigpress-info-item", which makes it very difficult to customize to my liking. I am going to edit the file and give them each their own semantic class names, however I'm afraid that future updates will overwrite my changes.

    Could you please apply this on a global level? Below is an example of the existing code:

    <span class="gigpress-info-item"><span class="gigpress-info-label"><?php _e("Admission", "gigpress"); ?>:</span> <?php echo $showdata['price']; ?>.</span>

    What I'd like is for each info-item span to have its own class. I've added the class 'admission' to the first span and 'price' to the second:

    <span class="gigpress-info-item admission"><span class="gigpress-info-label price"><?php _e("Admission", "gigpress"); ?>:</span> <?php echo $showdata['price']; ?>.</span>

    Please consider making this change! :D

    Thanks,
    James

    http://wordpress.org/extend/plugins/gigpress/

  2. randomjames
    Member
    Posted 1 year ago #

    The reason I am doing this is to be able to strip out much of the detailed info and just show the 'related post' link and the 'buy tickets' link. I find the current default setup is really hard to parse the information.

    My thinking is that most people are only interested in concerts that are in their city and the venue that it's at - basically the info on the top row. I think the rest of the info is best on the post page.

    Below are my edits to the shows-list.php page. I'm more of a designer than a dev, but I *think* this makes sense. It at least gives a lot more flexibility to how the data can be formatted.

    <?php if($showdata['time']) : ?>
    				<span class="gigpress-info-item time"><span class="gigpress-info-label start"><?php _e("Time", "gigpress"); ?>:</span> <?php echo $showdata['time']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['price']) : ?>
    				<span class="gigpress-info-item admission"><span class="gigpress-info-label price"><?php _e("Admission", "gigpress"); ?>:</span> <?php echo $showdata['price']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['admittance']) : ?>
    				<span class="gigpress-info-item age"><span class="gigpress-info-label admittance"><?php _e("Age restrictions", "gigpress"); ?>:</span> <?php echo $showdata['admittance']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['ticket_phone']) : ?>
    				<span class="gigpress-info-item box_office"><span class="gigpress-info-label ticket_phone"><?php _e("Box office", "gigpress"); ?>:</span> <?php echo $showdata['ticket_phone']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['address']) : ?>
    				<span class="gigpress-info-item address"><span class="gigpress-info-label street"><?php _e("Address", "gigpress"); ?>:</span> <?php echo $showdata['address']; ?> (map)</span>
    			<?php endif; ?>
    
    			<?php if($showdata['venue_phone']) : ?>
    				<span class="gigpress-info-item phone"><span class="gigpress-info-label number"><?php _e("Venue phone", "gigpress"); ?>:</span> <?php echo $showdata['venue_phone']; ?></span>
    			<?php endif; ?>				
    
    			<?php if($showdata['notes']) : ?>
    				<span class="gigpress-info-item notes"><?php echo $showdata['notes']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['related_link'] && $gpo['relatedlink_notes'] == 1) : ?>
    				<span class="gigpress-info-item related_link"><?php echo $showdata['related_link']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['ticket_link']) : ?>
    				<span class="gigpress-info-item ticket_link"><?php echo $showdata['ticket_link']; ?></span>
    			<?php endif; ?>
    
    			<?php if($showdata['external_link']) : ?>
    				<span class="gigpress-info-item external_link"><?php echo $showdata['external_link']; ?></span>
    			<?php endif; ?>
  3. randomjames
    Member
    Posted 1 year ago #

    Oh, and in addition, I've added ids to the

  4. items on the related.php file to mirror the classes on the list page. Maybe this is something you'll consider too in a future update.

    Thanks again. I think I'll have to buy you some vegan pizza now... :)

    Thanks again,
    James (in Vancouver)

  • mrherbivore
    Member
    Plugin Author

    Posted 1 year ago #

    James - sorry, I missed this post. What you want to do is create some custom templates. You can read all about it in the documentation. These changes will be upgrade-safe if you follow the docs.

  • Topic Closed

    This topic has been closed to new replies.

    About this Plugin

    About this Topic

    Tags