News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Blue Evolution 2.1

Started by TwitchisMental, July 16, 2021, 05:28:27 PM

Previous topic - Next topic

TwitchisMental

Link to the theme


Blue Evolution 2.1
This is a remake of my SMF 2.0 Blue Evolution theme.
Description : This is a clean blue and black responsive SMF 2.1 theme.

Main Colors : Blue and Black



Version History -

1.1
Bug Fix : The category description will now adjust based on how long the category title is.
Adjustment : Adjusted the background color for a sticky locked topic.
Adjustment : Adjusted the border color for .children to match the rest of the board index.
Adjustment : Adjusted the border colors for the SMF announcement area in the admin center.
Adjustment : Updated the font color and background color of the new post icon in the message index.

1.2
Adjustment : Fixed the Code Box and Quote Box colors to match the theme
Adjustment : Adjusted the color of the borders in the recent posts section.
Adjustment : Adjusted the color of the subject title link.


1.3
Update : Updated for SMF 2.1.0
Adjustment : Updated the menu colors
Adjustment : Updated some link colors and text colors for various areas.
Adjustment : Updated the board icons.

1.4
Adjustment: Updated the board stats section and the footer copyright.
Adjustment : Adjusted the a:link colors.
Adjustment : Adjusted the quick buttons colors.
Adjustment : Adjusted the text color in many areas for visibility purposes.
Update : Updated the main menus look. Now has separators in-between the links, much like the original Blue Evolution for 2.0.

1.4.1
Bug Fix : Fixed the tool tip colors that show when hovering over a topic title.
Adjustment: Updated the calendar colors.
Adjustment : Adjusted the recent posts section of the info center to show less information on
smaller screen devices.
Adjustment : Tweaked the colors of nested quotes and the admin tooltips.
Adjustment : Adjusted the PM Pop Up window colors.
Adjustment : Fixed alert box text colors for better legibility.

1.4.2
Update : Updated for SMF 2.1.3
Adjustment: Adjusted colors for some Admin CP sections, SCEdtior Quote & Code box colors.
Clean Up: Got rid of UN-needed files to reduce theme package size.

1.4.3
Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted the calendar section of the info center to align with everything else.
Adjustment: Adjusted the background image for admin menu and generic menu to match the rest of the theme.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted the way background colors were set for the main menu and popup windows.
Adjustment: Adjusted the background color of the new post indicator in normal and hover status.
Adjustment: Adjusted the footer background color.

1.4.4
Bug Fix : Fixed a bug where the mobile menu would appear automatically.
Adjustment: Adjusted some border colors in the ACP.
Adjustment: Adjusted the text color for progress bars.
Adjustment: Adjusted the link colors in the user panel.

JerryLeeThree

It looks good, but I can't get it running. A couple times I installed it, it left smf with no theme at all. And then a couple times it left the screen totally blank. What am I doing wrong? Thanks

shadav

Quote from: JerryLeeThree on July 18, 2021, 07:34:33 PM
It looks good, but I can't get it running. A couple times I installed it, it left smf with no theme at all. And then a couple times it left the screen totally blank. What am I doing wrong? Thanks
how are you installing it?
what version of smf are you running? This theme is made for smf 2.1 rc 4, are you running smf 2.1rc4?

TwitchisMental

Quote from: JerryLeeThree on July 18, 2021, 07:34:33 PM
It looks good, but I can't get it running. A couple times I installed it, it left smf with no theme at all. And then a couple times it left the screen totally blank. What am I doing wrong? Thanks
Which SMF version are you running?
If you are on 2.0 you will want the 2.0 version found here - https://custom.simplemachines.org/themes/index.php?lemma=2601


pocttopus


lurkalot

Quote from: pocttopus on July 20, 2021, 10:08:22 AM
smf 2.1 rc4  :-[



Just tested this theme, and got the same error message.   

Theme has been zipped up incorrectly and is double foddered.   I zipped it up again properly and them installed fine. ;)

TwitchisMental

Quote from: lurkalot on July 20, 2021, 01:07:38 PM
Quote from: pocttopus on July 20, 2021, 10:08:22 AM
smf 2.1 rc4  :-[



Just tested this theme, and got the same error message.   

Theme has been zipped up incorrectly and is double foddered.   I zipped it up again properly and them installed fine. ;)
This should be resolved.  Fixed version has been uploaded.

landyvlad

Nice theme mate I like it !
"Put as much effort into your question as you'd expect someone to give in an answer"

Please do not PM, IM or Email me with questions on astrophysics or theology.  You will get better and faster responses by asking homeless people in the street. Thank you.

Be the person your dog thinks you are.

TwitchisMental


mickjav

Hi Installed this theme on my test board but have one issue the banner is not displaying correctly as per picture and how could I move the banner from Left to centre.

I am using Chrome

I am thinking of using it for my support forum.

regards mick

You cannot view this attachment.

TwitchisMental

#10
Quote from: mickjav on September 19, 2021, 03:35:14 PMHi Installed this theme on my test board but have one issue the banner is not displaying correctly as per picture and how could I move the banner from Left to centre.

You cannot view this attachment.
All you should need to do is increase the height of the header area.

Open custom.css and find

#header {
    background: #1c1b1b url(../images/custom/header.png) repeat-x;
    padding: 2px 2px 12px 2px;
    display: flex;
    align-items: flex-end;
    height: 100px;
}

Change height: 100px to whatever the height of your banner is + 25px. So if your banner is has the height of 150px it would look like

#header {
    background: #1c1b1b url(../images/custom/header.png) repeat-x;
    padding: 2px 2px 12px 2px;
    display: flex;
    align-items: flex-end;
    height: 175px;
}

Example -

TwitchisMental

#11
Quote from: mickjav on September 19, 2021, 03:35:14 PMHi Installed this theme on my test board but have one issue the banner is not displaying correctly as per picture and how could I move the banner from Left to centre.

You cannot view this attachment.

open custom css and find
h1.forumtitle {
    font-size: 1.8em;
    font-family: "Tahoma",sans-serif;
    padding: 0px 0px 2px 4px;
    font-weight: 400;
    flex: 1 1 auto;
}
replace with
h1.forumtitle {
    font-size: 1.8em;
    font-family: "Tahoma",sans-serif;
    padding: 0px 0px 0px 0px;
    font-weight: 400;
    flex: 1 1 auto;
    text-align: center;
}

You will also need to replace the padding under .header from
padding: 2px 2px 12px 2px;
to

padding: 2px 0px 12px 0px;

mickjav

Thanks Worked A Treat

TwitchisMental


mickjav

Would it be possible for me to change the home button to my sites homepage instead of forum, Without affecting the breadcrumbs.

I have looked for a home link but have not been able to find it.

thanks mick

mickjav

Also just noticed this on the category description

You cannot view this attachment.

TwitchisMental

Quote from: mickjav on September 25, 2021, 04:51:51 AMWould it be possible for me to change the home button to my sites homepage instead of forum, Without affecting the breadcrumbs.

I have looked for a home link but have not been able to find it.

thanks mick
I do not think there is an easy way to do this through the theme itself unfortunately. I know with SMF 2.0 you needed to edit the Sources/Subs.php to accomplish that.  I believe it is the same for 2.1.  I suggest making a separate topic in the SMF 2.1 Support section to get this information.

Quote from: mickjav on September 25, 2021, 05:00:36 AMAlso just noticed this on the category description

You cannot view this attachment.
Open custom.css find(line 118) -
.cat_bar .desc {
    color: #fff;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    margin: -22px 0 0 160px;
    background: rgba(0,0,0,0.4);
    width: max-content;
    padding: 3px 6px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.9);
    border-radius: 16px;
    text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

go to the margin and replace 160px with a higher px amount. I'd suggest this -

.cat_bar .desc {
    color: #fff;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    margin: -22px 0 0 170px;
    background: rgba(0,0,0,0.4);
    width: max-content;
    padding: 3px 6px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.9);
    border-radius: 16px;
    text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}


mickjav

Thanks worked a treat, One thing to note was my original one I downloaded was set to 130Px I changed it to 160 and works fine.

mickjav

Sorry me again just noticed this see image

the description doesn't allow for longer category names.

I don't really want to increase the margin again as will look weird on smaller named cats.

TwitchisMental

Quote from: mickjav on September 26, 2021, 11:16:07 AMSorry me again just noticed this see image

the description doesn't allow for longer category names.

I don't really want to increase the margin again as will look weird on smaller named cats.

Unfortunately that is a flaw in the way I have done the description styling.

I will play around and see if I can find a better solution.

Lets consider this a bug that is being looked into.

Advertisement: