BuddyDev

Search

Front End / BuddyBlog – How to separate Category and Tags

  • Participant
    Level: Enlightened
    Posts: 56
    John B on March 2, 2020 at 1:57 am #27976

    I’m trying to style the Blog Entry page and split the Category and Tag sections up so they are not tied together.

    As shown here (https://drive.google.com/file/d/1avQh9eWv8p0c-GAFST8EdcvhJQk2U4Uw/view), I’d like to move the Category section to the same row as Comment and Visible. I’ve set the proper settings for CSS Grid but since its inside the (.simple-post-taxonomies-box clearfix) element it won’t move.

    Do you know how I can move the Category section out of the .simple-post-taxonomies-box clearfix element?

    Thx, JC

  • Keymaster
    (BuddyDev Team)
    Posts: 24211
    Brajesh Singh on March 2, 2020 at 1:15 pm #27977

    Hi JC,
    Thank you for the question.

    You should be able to achieve it with some css.

    If you can provide me a guest user account(with access to the form) I can assist with it.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 56
    John B on March 4, 2020 at 1:43 am #28009
    This reply has been marked as private.
  • Participant
    Level: Enlightened
    Posts: 56
    John B on March 8, 2020 at 2:45 am #28157

    Will you please look at this when you have a chance?

    Thx, JC

  • Keymaster
    (BuddyDev Team)
    Posts: 24211
    Brajesh Singh on March 9, 2020 at 7:03 am #28171

    Hi John,
    I had a look.

    Since you are using CSS Grid, I do not see a way to move it(as it is inside a different contaioner).

    The solution is to modify the posting form yourself.

    Please copy form.php form wp-content/plugins/bp-simple-front-ed-post to yourtheme/feposting/form.php

    and modify the markup.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 56
    John B on March 9, 2020 at 9:22 pm #28190

    Thanks for the tip. I’ve added the feposting folder and form.php to override the original.

    Still struggling with this. On line 71 of form.php is the following.

    <?php $this->render_taxonomies(); ?>

    From what I can find, this is what is helping to display the Categories and Tags. When I remove this line, the Categories and Tags are no longer visible on the New Post page.

    I’ve been searching WordPress and BuddyPress forums all day looking for a way to render just the Categories, or render just the Tags to help separate them instead of using:

    <?php $this->render_taxonomies(); ?>

    The Categories and Tags are both inside of:

    <div class='simple-post-taxonomies-box clearfix'>

    Is it possible to place the Category or Tags outside of:

    <div class='simple-post-taxonomies-box clearfix'>

    If you believe this is doable using CSS, can you please point me in the right direction?

    Is there a particular reason why you grouped the Categories and Tags into a single DIV? From what I’ve read, CSS is cascading so whatever properties the top level element has, all elements under that take on those properties.

    Thanks for all your help with is. I really appropriate it.

    Thx, JC

  • Keymaster
    (BuddyDev Team)
    Posts: 24211
    Brajesh Singh on March 10, 2020 at 3:21 pm #28203

    Hi JC,
    1. You can remove the div as you please.
    Since tags/categories are taxonomies, we put 1 renderer for all taxonomies and separated them as a block. That is the normal use case.

    Please feel free to change

    
			<?php if ( $this->has_tax() ) : ?>
                <div class='simple-post-taxonomies-box clearfix'>
					<?php $this->render_taxonomies(); ?>
                    <div class="clear"></div>
                </div>
			<?php endif; ?>

    to

    

			<?php if ( $this->has_tax() ) : ?>
					<?php $this->render_taxonomies(); ?>
			<?php endif; ?>

    and move it near the comments.

    2. No, In the current condition, unless you modify the form, css will not help move it.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 56
    John B on March 11, 2020 at 12:47 am #28230

    That fixed it!

    Thank you!!!!!!!!!!!

  • Keymaster
    (BuddyDev Team)
    Posts: 24211
    Brajesh Singh on March 11, 2020 at 5:19 am #28233

    You are welcome.
    I am glad it helped.

    Regards
    Brajesh

You must be logged in to reply to this topic.

This topic is: not resolved