LimeStone

[Mick.]

Link to the theme



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

[Deaks]

nice and crisp, i like it

[Antechinus]

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.

[Mick.]

Thank you Ant. I'm looking into it atm. You rock dude!

[-Rock Lee-]

I would swear I had commented on this nice design.... 17hs attending the IT support section take a toll


Regards!

[tife54]

Please how to remove the limestone header image and put my own forum image thanks for the theme it great thanks.

[Mick.]

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

[tife54]

Thanks boss I will be expecting you sir

[Mick.]

@tife54

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

Find:

Code Select Expand


#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.

[tife54]

OK let me try it I will give you feed back.

Thanks

[tife54]

@tife54

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

Find:

Code Select Expand


#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

[Mick.]

@tife54

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

You should see Lifestyle theme in Themes folder
   

[tife54]

@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

[Mick.]

@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/

[tife54]

Thanks boss it change now....

[Mick.]

Thanks boss it change now....

Awesome

[tife54]

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

[Mick.]

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

[tife54]

Have tried it but not showing

Please is there any other help sir...

[Mick.]

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.

[tife54]

thanks so much
It showing now...

My problem before is that I'm changing the name of the image... Thanks

[tife54]

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   

[Mick.]

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

[tife54]

Alright 

[Portugal]

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

[Mick.]

@Portugal.   . Which fonts? Menu? In posts?

[Portugal]

@Portugal.   . Which fonts? Menu? In posts?

Hi,

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

[Mick.]

@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...

Code Select Expand


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


add after:

Code Select Expand


.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.

[Portugal]

Thanks,

Ive added on css/responsive.css

Code Select Expand

@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

Code Select Expand

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

On descktop are too bigger!

[Mick.]

Thanks,

Ive added on css/responsive.css

Code Select Expand

@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

Code Select Expand

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

On descktop are too bigger!

Not here css/responsive.css ....... here css/index.css

[Portugal]

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

[Mick.]

Change the font size pixel to your liking. 16px or 18px or 20px or 14px or 12px

[Deaks]

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?

[Antechinus]

% 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.

[willerby]

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!
 

[Mick.]

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:

Code Select Expand


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


Replace 800px for 1024px. This should work; I have not tested this tho'.

[willerby]

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)

[Mick.]

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

[willerby]

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

[Mick.]

Last code I posted replace 1024 to something larger.  1100 0r 1200px

[Mick.]

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:

Code Select Expand


'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?

[shadav]

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

[Antechinus]

If you just want to hide buttons you can use the default ID:

#button_help {display: bugger off;}

etc.

[Mick.]

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

[MohammedFK]

why
https://search.google.com/test/mobile-friendly?utm_source=gws&utm_medium=onebox&utm_campaign=suit&id=c0yO43SSsBGHx3AGK20Ilg

[Mick.]

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

[shadav]

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)