Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Mick. on December 07, 2019, 01:58:48 PM

Title: LimeStone
Post by: Mick. on December 07, 2019, 01:58:48 PM
Link to the theme (https://custom.simplemachines.org/themes/index.php?lemma=2938)
(https://custom.simplemachines.org/themes/index.php/action,download/lemma,2938/image,thumb)

(https://www.idesignsmf.com/demo-images/limestone.jpg)
LimeStone is a clean and crisp, minimal responsive theme for SMF 2.0  It has the big three social media buttons. Our style is clean, flat and professional. When you see our design out there, you'll know where it came from, idesignSMF.com This theme is free for personal and commercial use. You are allowed to use it in your projects, change it and adapt for your purposes. You are not allowed to remove the authorship and link to idesignsSMF.com


Demo: https://www.idesignsmf.com/demo/index.php?theme=11

More themes @ https://www.idesignsmf.com/index.php

(https://www.idesignsmf.com/demo-images/limestone1.jpg)

(https://www.idesignsmf.com/demo-images/limestone2.jpg)
Title: Re: LimeStone
Post by: Deaks on December 07, 2019, 02:08:30 PM
nice and crisp, i like it :)
Title: Re: LimeStone
Post by: Antechinus on January 23, 2020, 06:11:54 PM
Was just checking this one out. 'Tis nice. :)

Noticed a couple of (very) minor bugs though.

Between 768 and 720 on BoardIndex.template.php the posts/topics column pops back into view.

Between 640 and 720 on MessageIndex.template.php the last post cell is dropped but the corresponding table header th is not. Also, the replies/views column stays visible in that range. I have a suspicion that you meant to drop replies/views and leave last post visible.

Not that anyone is likely to have a resolution in those two ranges, but you never know. Should be easy to sort, if you need to tweak the thing for 2.0.16 anyway.


Title: Re: LimeStone
Post by: Mick. on January 23, 2020, 07:10:13 PM
Thank you Ant. I'm looking into it atm. You rock dude!
Title: Re: LimeStone
Post by: -Rock Lee- on January 23, 2020, 07:33:34 PM
I would swear I had commented on this nice design.... 17hs attending the IT support section take a toll ::)


Regards!
Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 10:56:16 AM
Please how to remove the limestone header image and put my own forum image thanks for the theme it great thanks.
Title: Re: LimeStone
Post by: Mick. on June 18, 2020, 12:59:16 PM
Quote from: tife54 on June 18, 2020, 10:56:16 AM
Please how to remove the limestone header image and put my own forum image thanks for the theme it great thanks.
I'm driving at the moment. I'll get back to you in an hour :)
Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 01:26:06 PM
Thanks boss I will be expecting you sir
Title: Re: LimeStone
Post by: Mick. on June 18, 2020, 01:27:41 PM
@tife54

In Themes/LimeStone/css/index.css  (at the end of the file you'll see Limestone's css entries)

Find:

#logo a {
float: left;
display: block;
width: 258px;
height: 39px;
background: url(../images/custom/limestone-logo.png) no-repeat;
        margin-top: 25px;
}


1. Create new image using Photoshop or other tool and make sure the dimensions are the same; 258x39
2. Load new image via cPanel in Themes/LimeStone/images/custom/
3. Tick box to overwrite existing file
4. Clear your browser cache to see changes.

Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 02:17:27 PM
OK let me try it I will give you feed back.

Thanks
Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 02:26:39 PM
Quote from: Mick. on June 18, 2020, 01:27:41 PM
@tife54

In Themes/LimeStone/css/index.css  (at the end of the file you'll see Limestone's css entries)

Find:

#logo a {
float: left;
display: block;
width: 258px;
height: 39px;
background: url(../images/custom/limestone-logo.png) no-repeat;
        margin-top: 25px;
}


1. Create new image using Photoshop or other tool and make sure the dimensions are the same; 258x39
2. Load new image via cPanel in Themes/LimeStone/images/custom/
3. Tick box to overwrite existing file
4. Clear your browser cache to see changes.

Please I get stuck.. What should I press or where can I locate my theme on cpanel
Title: Re: LimeStone
Post by: Mick. on June 18, 2020, 02:29:52 PM
@tife54

Look here...
Current Directory: /public_html/Themes/

You should see Lifestyle theme in Themes folder
   
Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 02:39:15 PM
Quote from: Mick. on June 18, 2020, 02:29:52 PM
@tife54

Look here...
Current Directory: /public_html/Themes/

You should see Lifestyle theme in Themes folder


Ok thanks this should be under files manager in cpanel right.

I just need the location in my dashboard cpanel
Title: Re: LimeStone
Post by: Mick. on June 18, 2020, 02:42:32 PM
Quote from: tife54 on June 18, 2020, 02:39:15 PM
Quote from: Mick. on June 18, 2020, 02:29:52 PM
@tife54

Look here...
Current Directory: /public_html/Themes/

You should see Lifestyle theme in Themes folder


Ok thanks this should be under files in cpanel right
Yes.This how mine looks like: public_html/demo/Themes/Lifestyle/
Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 03:04:41 PM
Thanks boss it change now....
Title: Re: LimeStone
Post by: Mick. on June 18, 2020, 03:10:12 PM
Quote from: tife54 on June 18, 2020, 03:04:41 PM
Thanks boss it change now....
Awesome ;)
Title: Re: LimeStone
Post by: tife54 on June 18, 2020, 04:32:04 PM
Quote from: Mick. on June 18, 2020, 03:10:12 PM
Quote from: tife54 on June 18, 2020, 03:04:41 PM
Thanks boss it change now....
Awesome ;)

Thanks thabks

Please one more thing

I'm trying to upload my forum Image but it not showing the header just black

Please what cause it
Title: Re: LimeStone
Post by: Mick. on June 18, 2020, 04:34:48 PM
Quote from: tife54 on June 18, 2020, 04:32:04 PM
Quote from: Mick. on June 18, 2020, 03:10:12 PM
Quote from: tife54 on June 18, 2020, 03:04:41 PM
Thanks boss it change now....
Awesome ;)

Thanks thabks

Please one more thing

I'm trying to upload my forum Image but it not showing the header just black

Please what cause it
Make sure the name of the image is the same. limestone-logo.png and the path is correct limestone//images/custom/limestone-logo.png

and dont forget to clear your browser cache
Title: Re: LimeStone
Post by: tife54 on June 19, 2020, 05:50:20 AM
Have tried it but not showing

Please is there any other help sir...
Title: Re: LimeStone
Post by: Mick. on June 19, 2020, 07:07:17 AM
Quote from: tife54 on June 19, 2020, 05:50:20 AM
Have tried it but not showing

Please is there any other help sir...

1. Make sure the image is in the correct theme. 'LimeStone'
2. Make sure the url path is also correct. Themes/Limestone/images/custom/limestone-logo.png
3. Make sure your new image is named limestone-logo.png

Go to cpanel.... open Themes folder.....open Limestone....open Images folder...open Custom folder..... upload logo in the Custom folder.  Clear browser.
Title: Re: LimeStone
Post by: tife54 on June 19, 2020, 07:52:31 AM
thanks so much
It showing now...

My problem before is that I'm changing the name of the image... Thanks
Title: Re: LimeStone
Post by: tife54 on June 19, 2020, 07:59:33 AM
Thanks do much for your time

It now showing

My problem earlier before is that I'm changing the image name which make it not to overwrite...

Thanks thanks   ;D
Title: Re: LimeStone
Post by: Mick. on June 19, 2020, 07:59:33 AM
Quote from: tife54 on June 19, 2020, 07:52:31 AM
thanks so much
It showing now...

My problem before is that I'm changing the name of the image... Thanks
Glad you figured it out :)
Title: Re: LimeStone
Post by: tife54 on June 19, 2020, 09:55:04 AM
Alright  :D
Title: Re: LimeStone
Post by: Portugal on June 20, 2020, 06:53:54 AM
Hi Mick.

This is a pretty theme, i like him. I already have instaled him on a forum, smaler forum, and it serve to test somethings for other major forum ive. After install i think is better if the fonts are a bit bigger. How can i increse a bit this size for both, descktop and mobile?



Thanks in advance
Portugal
Title: Re: LimeStone
Post by: Mick. on June 20, 2020, 07:10:17 AM
@Portugal.   . Which fonts? Menu? In posts?
Title: Re: LimeStone
Post by: Portugal on June 20, 2020, 07:43:40 AM
Quote from: Mick. on June 20, 2020, 07:10:17 AM
@Portugal.   . Which fonts? Menu? In posts?
Hi,

in posts are the most relevant, but maybe it looks good to increase too the linktree.
Title: Re: LimeStone
Post by: Mick. on June 20, 2020, 08:11:37 AM
Quote from: Portugal on June 20, 2020, 07:43:40 AM
Quote from: Mick. on June 20, 2020, 07:10:17 AM
@Portugal.   . Which fonts? Menu? In posts?
Hi,

in posts are the most relevant, but maybe it looks good to increase too the linktree.

Open the theme's css file and at the bottom find:

Linktree and posts...

@media screen and (min-width: 240px) and (max-width: 800px) {


add after:

.post, .personalmessage{
width: auto;
overflow: hidden;
font-size: 21.5px;
line-height: 30px;
text-align: left;
padding: 0.1em 0;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 16px;
}


increase font size to your liking.
Title: Re: LimeStone
Post by: Portugal on June 20, 2020, 09:18:37 AM
Thanks,

Ive added on css/responsive.css

@media screen and (min-width: 768px) and (max-width: 1024px) {
   table.table_list tbody.content td.stats
   {
      display: none;
   }
   table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
   {
      width: 35% !important;
   }
}

[i]@media screen and (min-width: 240px) and (max-width: 800px) {

.post, .personalmessage{
   width: auto;
   overflow: hidden;
   font-size: 21.5px;
   line-height: 30px;
   text-align: left;
   padding: 0.1em 0;
}
.navigate_section ul li
{
   float: left;
   padding: 0 0.5em 0 0;
   font-size: 14px;[/i]
}


And for mobile (i was resized for 14px)  and its good, but on descktop stills identical as before. If i quit @media screen and (min-width: 240px) and (max-width: 800px) {

On descktop are too bigger!
Title: Re: LimeStone
Post by: Mick. on June 20, 2020, 09:45:37 AM
Quote from: Portugal on June 20, 2020, 09:18:37 AM
Thanks,

Ive added on css/responsive.css

@media screen and (min-width: 768px) and (max-width: 1024px) {
   table.table_list tbody.content td.stats
   {
      display: none;
   }
   table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
   {
      width: 35% !important;
   }
}

[i]@media screen and (min-width: 240px) and (max-width: 800px) {

.post, .personalmessage{
   width: auto;
   overflow: hidden;
   font-size: 21.5px;
   line-height: 30px;
   text-align: left;
   padding: 0.1em 0;
}
.navigate_section ul li
{
   float: left;
   padding: 0 0.5em 0 0;
   font-size: 14px;[/i]
}


And for mobile (i was resized for 14px)  and its good, but on descktop stills identical as before. If i quit @media screen and (min-width: 240px) and (max-width: 800px) {

On descktop are too bigger!
Not here css/responsive.css ....... here css/index.css
Title: Re: LimeStone
Post by: Portugal on June 20, 2020, 01:35:46 PM
Thanks Mick.

It works as you sugest, but now the fnt are to bigger, i ive attached an print screen of original size and the size you corrected, its possibile something in midle of?


Regards
Portugal

Title: Re: LimeStone
Post by: Mick. on June 20, 2020, 01:46:29 PM
Change the font size pixel to your liking. 16px or 18px or 20px or 14px or 12px
Title: Re: LimeStone
Post by: Deaks on June 20, 2020, 05:15:42 PM
Mick. would not having a % vakue not be better for media that means it would change to a more appropriate size dependent on the screen size ?  or using vw instead of px?
Title: Re: LimeStone
Post by: Antechinus on June 20, 2020, 05:30:36 PM
% would make sense, but vw wouldn't. I'd just try setting 100% on mobile and see how he likes that. It should work, since it's what they are set up for.
Title: Re: LimeStone
Post by: willerby on January 28, 2021, 04:35:16 PM
Hi Mick, I've decided to to use this excellent theme on a project - very impressive. The only down side is I am getting reports that on some apple iPad devices drop down menus on the main menu are failing to load/drop down in landscape. When iPad used in portrait it uses the mobile menu (three bars at the top) but in landscape the main long menu is used which suffers the issue meaning members don't see the drop downs but insteadgo stright to the top menu item page. It appears apple have created this problem but the only fix is through theme authors. Are you able to help at all?
One solution might be to force the mobile drop down for iPad devices?
Help!
 
Title: Re: LimeStone
Post by: Mick. on January 28, 2021, 05:36:39 PM
Quote from: laetabi on January 28, 2021, 04:35:16 PM
Hi Mick, I've decided to to use this excellent theme on a project - very impressive. The only down side is I am getting reports that on some apple iPad devices drop down menus on the main menu are failing to load/drop down in landscape. When iPad used in portrait it uses the mobile menu (three bars at the top) but in landscape the main long menu is used which suffers the issue meaning members don't see the drop downs but insteadgo stright to the top menu item page. It appears apple have created this problem but the only fix is through theme authors. Are you able to help at all?
One solution might be to force the mobile drop down for iPad devices?
Help!
 
Open the CSS folder in the LimeStone theme, open index.css file and at the very bottom find:


@media screen and (min-width: 240px) and (max-width: 800px) {


Replace 800px for 1024px. This should work; I have not tested this tho'.
Title: Re: LimeStone
Post by: willerby on January 28, 2021, 06:14:14 PM
That's great. Thanks Mick. I was looking all over responsive.css and hadn't spotted that at the bottom of index.css
Much appreciated. (Great theme - so clean and simple)
Title: Re: LimeStone
Post by: Mick. on January 28, 2021, 06:21:44 PM
Quote from: laetabi on January 28, 2021, 06:14:14 PM
That's great. Thanks Mick. I was looking all over responsive.css and hadn't spotted that at the bottom of index.css
Much appreciated. (Great theme - so clean and simple)

No prob ;)
Title: Re: LimeStone
Post by: willerby on February 12, 2021, 10:18:46 AM
Sorry, Mick, one more...
The main menu - HOME, HELP, SEARCH etc for my forum is much longer with some custom page links to SimplePortal. It's around 50% width on a 1768px laptop.

One or Two members reporting that the LOGOUT button has disappeared. I can only replicate by replicating the effect of reducing screen size.  As I reduce the window width, just before the menu reverts to the mobile dropdown, LOGOUT drops down to a line below the menu and as the text is white it disappeares on a white background.
I've tried finding a 50% width container or something that would cause this effect in CSS but run out of talent. Are you able to help?
Many thanks
Title: Re: LimeStone
Post by: Mick. on February 12, 2021, 04:31:26 PM
Last code I posted replace 1024 to something larger.  1100 0r 1200px
Title: Re: LimeStone
Post by: Mick. on February 12, 2021, 05:20:35 PM
There is no reason to have a mile long header menu. You should rid some of them menu buttons.

For example, I never use the Help button and quite frankly who does? Let's rid of it.

In Sources folder, find Subs.php file and near the bottom about 3/4 of the way find:


'help' => array(
'title' => $txt['help'],
'href' => $scripturl . '?action=help',
'show' => true,
'sub_buttons' => array(
),
),


Hide this button by simply replacing true to false. Now your menu got shorter. Do the same on other buttons if you like. Also, we have dropdown menu mods here; might want to bunch up those portal links to it?
Title: Re: LimeStone
Post by: shadav on February 12, 2021, 05:32:26 PM
or edit your subs.php and make new menus and move existing menus into them as submenus

one site i did that on

made a menu named Staff links
and moved the admin and moderator menu's into it as submenus

then another one as User menu
and moved the profile and my messages into it as submenus

ect ect ect
Title: Re: LimeStone
Post by: Antechinus on February 12, 2021, 08:12:52 PM
If you just want to hide buttons you can use the default ID:

#button_help {display: bugger off;}

etc. :)
Title: Re: LimeStone
Post by: Mick. on February 12, 2021, 09:00:10 PM
Quote from: Antechinus on February 12, 2021, 08:12:52 PM
If you just want to hide buttons you can use the default ID:

#button_help {display: bugger off;}

etc. :)
yas! I like this method too for theme making :)
Title: Re: LimeStone
Post by: MohammedFK on April 24, 2021, 10:51:50 AM
why
https://search.google.com/test/mobile-friendly?utm_source=gws&utm_medium=onebox&utm_campaign=suit&id=c0yO43SSsBGHx3AGK20Ilg
Title: Re: LimeStone
Post by: Mick. on April 25, 2021, 10:07:22 AM
Quote from: MohammedFK on April 24, 2021, 10:51:50 AM
why
https://search.google.com/test/mobile-friendly?utm_source=gws&utm_medium=onebox&utm_campaign=suit&id=c0yO43SSsBGHx3AGK20Ilg
Why what?


https://search.google.com/test/mobile-friendly?id=_kqDAU0V_ORBNTCoOMf4Jg
Title: Re: LimeStone
Post by: shadav on April 25, 2021, 10:23:54 AM
i think this is fixed now...sorry their english isn't that great but, when visiting the display.template.php google says it's not mobile friendly
I didn't think about most themes just use the default themes display template so you would need to install the responsive curve mod and then install this theme

at first thought maybe it was an issue with rtl so they were asked to ask the theme creator....(could have been a bit more explanation to that post)