Breathe [v1.0.5]

[elli]

Boy_Wonder Your plugins are appending themselves to the .info class, and since the MP uses that class multiple times, plugin values are being duplicated. You'll need to edit the HTML to either use the value classes for that plugin (as I've done for the monetary system), or change each instance of .info to something else. If you choose the latter, the CSS will also need to be updated to reflect that change.

[Boy_Wonder]

I fixed it - there was a second reason, adding the "mini-profile class" thingy was causing it to duplicate depending on how many custom fields

[Princess Gemini]

I am using the monetary system with this theme but it does not show up in the user profiles, only in the mini profile, so I have no way to edit the money amounts. Am I just doing something wrong?

[Boy_Wonder]

Hi Elli - me again, trophies and awards aren't showing up. Trophies isn't showing up the tab to see them in main profile, awards is at least showing the tab

[elli]

Princess Gemini Please review the instructions on page 15 in the readme for the monetary system.

Boy_Wonder Sorry, I don't really have a fix for that since this theme doesn't support either of those plugins. :\

[Boy_Wonder]

Apr 27, 2016 10:06:18 GMT -8 elli said:

Princess Gemini Please review the instructions on page 15 in the readme for the monetary system.

Boy_Wonder Sorry, I don't really have a fix for that since this theme doesn't support either of those plugins. :\

Would you be fine with me trying to copy the existing styling and adding in boxes at least? ((And talking to Peter regarding trophies tab not appearing as to find fixes for that?))

[elli]

Boy_Wonder Yeah, whatever you gotta do. I don't mind edits.

[Pebbles]

is it ok if move the credit info about the theme, thats in the menu now
to a thread instead? so i can use that mini box for something else if you know what i mean
because i rather use that space for something else
elli

[elli]

Jun 29, 2016 13:43:32 GMT -8 Pebbles said:

is it ok if move the credit info about the theme, thats in the menu now
to a thread instead? so i can use that mini box for something else if you know what i mean
because i rather use that space for something else
elli

No, sorry, the credits need to be visible globally. You can move them above the $[footer] variable in the Forum Wrapper layout template if you need to.

[Pebbles]

Jun 29, 2016 16:21:29 GMT -8 elli said:

Jun 29, 2016 13:43:32 GMT -8 Pebbles said:

is it ok if move the credit info about the theme, thats in the menu now
to a thread instead? so i can use that mini box for something else if you know what i mean
because i rather use that space for something else
elli

No, sorry, the credits need to be visible globally. You can move them above the $[footer] variable in the Forum Wrapper layout template if you need to.

alright, probably will do
thank you

[baltimore]

elli
The monetary plugin works on this theme, but does the monetary store addon work?

[elli]

baltimore Sorry, I didn't test more than what's listed in the original post.

[directorlazuli]

elli

Hi! Kind of the same question that Jennifer had... How would one change the forum thread icons from the Font Awesome glyphs to those that I have uploaded? I've made my own icons for my forum and I'd like to use them, but I'm quite bad at HTML and CSS and so I don't know how to. I surely hope it isn't some mind-numbingly simple solution that shouldn't have to be provided, but...

Anyways, this theme, by the way, is absolutely beautiful. I love the color scheme so much! Thank-you for making it!

[elli]

directorlazuli There's a script replacing the icons. Go to Admin > Themes > Layout Templates > Forum Wrapper and find this:

// Replace icons with Font Awesome glyphs
$('a.likes-button > img').replaceWith('<i class="fa fa-heart"></i>');
$('.button .status > img').replaceWith('<i class="fa fa-cog"></i>');
$('.ui-search .search-filters-button .icon > img').replaceWith('<i class="fa fa-search"></i>');

// Replace thread/conversations icons with Font Awesome glyphs        
$('.thread > .icon > img').replaceWith('<i class="fa fa-comment-o"></i>');
$('.thread.sticky > .icon > i').replaceWith('<i class="fa fa-sticky-note-o"></i>');
$('.thread.announcement > .icon > i').replaceWith('<i class="fa fa-bullhorn"></i>');
$('.conversations .item > .icon > img').replaceWith('<i class="fa fa-envelope-o"></i>');
$('.conversations .item.new > .icon > i').replaceWith('<i class="fa fa-envelope"></i>');

// Append Font Awesome glyphs to tricky icons
$('.lock_icon').append('<i class="fa fa-lock"></i>');
$('.bookmark_icon').append('<i class="fa fa-bookmark"></i>');
$('.poll_icon').append('<i class="fa fa-bar-chart"></i>');

// Create an array for tricky icons
var $icons = ['.lock_icon','.bookmark_icon','.poll_icon'];

// Loop through each item of the array
$.each($icons, function(index, value){
   // Loop through each item of the array on the page
   $(value).each(function(){
       // Check if child images are set to display: none
       if($(this).children('img').css('display') == 'none'){
           // Hide the parent if so
           // This works better than hiding the icon
           // It hides the padding as well
           $(this).css('display','none');
       };
       // Finally, remove child image from the DOM
       $(this).find('img').remove();
   });
});

// Create variable for the checkmark container
var $checkContainer = $('.ui-poll .results tr td .select-box');

// Loop through each .select-box
$checkContainer.each(function(){
   // Append the Font Awesome checkmark to .select-box
   $(this).append($('<i class="fa fa-check"></i>'));

   // Then remove the image from the DOM
   $(this).children('img').remove();
});

Remove the parts you don't want; the comments and class names should be pretty straightforward. There's also a bit of CSS under Admin > Themes > Advanced Styles & CSS > "Style Sheet":

/* --- icons --- */

@font_awesome_like_icon_color: @buttons_text_color;
@font_awesome_like_icon_liked_color: #e74c3c;
@font_awesome_settings_icon_color: @buttons_text_color;
@font_awesome_search_icon_color: @buttons_text_color;
@font_awesome_lock_icon_color: @buttons_text_color;
@font_awesome_bookmark_icon_color: @buttons_text_color;
@font_awesome_poll_icon_color: @buttons_text_color;
@font_awesome_checkmark_icon_color: #19cf86;
@font_awesome_thread_icon_color: @text_color_2;
@font_awesome_thread_announcement_icon_color: @text_color_2;
@font_awesome_thread_sticky_icon_color: @text_color_2;
@font_awesome_message_icon_color: @text_color_2;
@font_awesome_message_new_icon_color: @text_color_2;

.likes-button > .fa-heart { color: @font_awesome_like_icon_color !important; }
.likes-button.liked > .fa-heart { color: @font_awesome_like_icon_liked_color !important; }
.button .status > .fa-cog { font-size: 13px; color: @font_awesome_settings_icon_color !important; }
.ui-search .search-filters-button .icon > .fa-search { color: @font_awesome_search_icon_color; }
.lock_icon > .fa-lock { font-size: 17px; color: @font_awesome_lock_icon_color; }
.bookmark_icon > .fa-bookmark { font-size: 16px; color: @font_awesome_bookmark_icon_color; }
.poll_icon > .fa-bar-chart { font-size: 16px; color: @font_awesome_poll_icon_color; }
.ui-poll .results tr td .select-box > .fa-check { padding: 2px 1px 2px 3px; color: @font_awesome_checkmark_icon_color; }

.threads .item > td.icon > .fa-comment-o { font-size: 18px; color: @font_awesome_thread_icon_color; }
.threads .item > td.icon > .fa-bullhorn { font-size: 16px; color: @font_awesome_thread_announcement_icon_color; }
.threads .item > td.icon > .fa-sticky-note-o { font-size: 17px; color: @font_awesome_thread_sticky_icon_color; }

.conversations .item > .icon > .fa-envelope-o { font-size: 14px; color: @font_awesome_message_icon_color; }
.conversations .item.new > .icon > .fa-envelope { font-size: 14px; color: @font_awesome_message_new_icon_color; }

[directorlazuli]

Alright, thank-you for your help! Have a nice day. :3

elli
Okay, I've done it! One more question, though- is there a way to get New Posts and No New Posts icons to show up for boards?

Thanks for all the help once again, you're the best.