Forum Replies Created

Viewing 15 replies - 1 through 15 (of 30 total)
  • Thread Starter Bucky

    (@rmaler1)

    I managed to get it via css. However, I looked into the load ordering concept and that was interesting. I now know the load order for my theme. Thanks for the help.

    Thread Starter Bucky

    (@rmaler1)

    Michael,

    I’m not sure how to identify or locate a stronger selector, or edit load order.

    Here is what I did:

    #badgeos-achievements-container {
    	border-top: 1px dotted #aaa;
    	border-style: none; /*added css*/
    }
    /*added css for last child*/
    .badgeos-achievements-list-item:last-child {
    	border-style: none;

    I decided to only remove the very top border and the bottom border from the last list item. This is in the badgeos-front.css file.

    Thread Starter Bucky

    (@rmaler1)

    Thanks Michael. Found and it and took care of it. Unfortunately, the edit was getting overwritten in the custom.css so I had to edit the plugin badges-front.css file. I just have to keep a note of that for when I update.

    Thread Starter Bucky

    (@rmaler1)

    It’s not getting overwritten. I forgot to put up there that it actually works, haha. That may have been useful info. I was just looking for a check from someone more experienced. I’ve pretty much ironed everything out I was looing for. I’m using this css to remove the points and show details for now:

    /*removes points from badgeos list items*/
    .badgeos-item-points {
    	display: none
    }
    
    /*removes show details from badgeos list items*/
    .badgeos-item-attached {
    	display: none;
    }

    One last thing. How can I remove the dotted line dividers that badgeos puts in?

    Thread Starter Bucky

    (@rmaler1)

    function bp_profile_menu_tabs_change(){
    global $bp;
    
    $bp->bp_nav['achievements']['position'] = 100; /move achievements infront of settings*/
    
    $bp->bp_nav['settings']['position'] = 101; /*move setting after achievements*/
    
    $bp->bp_nav['achievements']['name'] = 'challenge coins'; /*change "achievement to "challenge coins"*/
    
    $bp->bp_options_nav['achievements']['community']['name'] = ''; /*clear submenu of achievement name types in achievement list area of profile*/
    
    }
    
    add_action('bp_setup_nav', 'bp_profile_menu_tabs_change', 201);

    Clearing the submenu of achievement types only makes sense if you wish to display only a single type of achievement of course so this may not be desired by many people, but it is what I need.

    Could you tell me if this code appears loop-whole-less (haha) for my intenions?

    Next I am going to look into removing the points amount and show details drop down from achievement list items. I’ll probably end up doing this with css.

    Thread Starter Bucky

    (@rmaler1)

    Okay. I’ll check out that bp-component bit and badgeos file. Thanks.

    Thread Starter Bucky

    (@rmaler1)

    Michael,

    I decided to go a different route so I told my theme support to close out the support topic and I figured I would let you know as well. I never resolved it, but that is not the reason for my change in route anyway, and being that I doubt I will return to this you can close this topic out as well. Thanks… Ryan

    Thread Starter Bucky

    (@rmaler1)

    Okay. Thanks. Must be something with my themes styling. I’ll see what they have to say.

    Thread Starter Bucky

    (@rmaler1)

    Michael,

    Would it be okay if I emailed you some login information. It’s a member website so I set you up with an account. I tried the select approach and couldn’t get it, but I may have done it incorrectly.

    Thread Starter Bucky

    (@rmaler1)

    I used the following to center all of the items of the submission forms.

    /*centers p elements of badgeos
     * badgeos submission forms*/
    .badgeos-submission-form p {
    	text-align: center;
    	}
    
    /*center "Create a New Submission*/
    .badgeos-submission-form legend {
    	text-align: center;
    	width: 100%;
    	}
    
    /*adjusts badgeos submission form label*/
    .badgeos-submission-form label {
    	margin-left: 60px;
    	}

    All worked out. Thanks for checking in.

    Thread Starter Bucky

    (@rmaler1)

    I was able to center the submit button with

    p.badgeos_submission_submit {
    text-align: center;
    }

    but have not been able to center the “Create a New Submission” text, the “Attatchment:” and upload button, and the text area.

    Thread Starter Bucky

    (@rmaler1)

    I prefer using CSS in my custom.css, but it simply isn’t working. I’ve tried the classes with:

    text-align: center;

    margin: 0 auto;

    margin-left: auto; margin-right: auto;

    nothings seems to work. I don’t think the elements can be centered.

    Thread Starter Bucky

    (@rmaler1)

    I’m using visual composer and I’ve tried doing a custom class and css, but that hasn’t worked. This is from the worpdress text editor:

    [vc_column width=”1/1″][vc_column_text][badgeos_submission][/vc_column_text][/vc_column][/vc_row]

    Is this where I would use the div tags? I don’t quite understand how to do what your proposing. I think using visual composer is conflicting with your solution perhaps b/c the text editor has vc shortcodes rather than html tags? I’m preparing to present this website soon and centering all of these submission forms is pretty much my final step. If I send you some login credentials could you center a couple for me, and I can do the rest if I just see how its done?

    Thread Starter Bucky

    (@rmaler1)

    I think I correctly located all of the classes. Here is what I have:

    .badgeos-file-submission //upload button and text
    .badgeos-submission-comment //text box
    .badgeos-submission-submit //submit button

    .badgeos-submission-form //this encompasses all of the elements above

    I wasn’t sure about the “Create a New Submission” text. It doesn’t have a class it is just an h4 between <legend><h4>Create a New Submission</h4></legend>. So not sure how to point at that.

    Now I need a little help with the proper CSS rules. I know it should look something like the following:

    .badgeos-file-submission, .badgeos-submission-comment,
    .badgeos-submission-submit {

    What goes here?

    }

    If you know how to incorporate the Create New Submission to be centered as well with the info I have given you please tell me how to do that too. I’m in the process of learning, this was a good little learning experience.

    Thread Starter Bucky

    (@rmaler1)

    Sorry Michael I didn’t realize one additional thing. I want all of the submission forms across my site to be centered on their respective pages. So the example above is a specific submission form (the only stand alone submission form I have), and I have a number of different achievement types with lists of achievements, which I use the list shortcode for. For specificity here is an example, [badgeos_achievements_list type=”a-mans-life” limit=”10″ show_filter=”true” show_search=”false” orderby=”menu_order” order=”ASC” wpms=”false”]. Let me know if this all makes sense. Simply put, if there is a badgeos submission form on a page I would like it centered.

Viewing 15 replies - 1 through 15 (of 30 total)