Hextech

[seekier]

Hi @TwitchisMental I noticed something odd in displaying "News" if you give paragraph when typing the news on mobile smaller screen.

Check attachment below. I compared both Smf default theme and Hextech theme

You cannot view this attachment.

[TwitchisMental]

I can't seem to replicate this issue. Would you mind giving me a link to your forum with a test account?

[seekier]

I can't seem to replicate this issue. Would you mind giving me a link to your forum with a test account?

with pleasure. I inbox you the details

[TwitchisMental]

Ahhh I see what is going on.

On the default theme it actually hides the basic news class section on smaller screens.. You however also have the news slider enabled which is why it looks fine on the default.

Where as on Hextech, it is still showing the basic news class section.

If you enable the news slide on Hextech you will get a result similar to your default theme picture.



With that said, I do notice the line break seems to work in Chrome, but not Firefox.. So I will still need to look into that.

[seekier]

I same settings enabled but news now appears twice in Hextech

[TwitchisMental]

I same settings enabled but news now appears twice in Hextech

Correct, because as I stated earlier, in the default the news class is hidden, but the news slider is still shown.

If you would like you can open responsive.css

Find Line 416

Code Select Expand

    /* Hide me */
    #inner_wrap time, #inner_wrap .news,
    #search_form, #smflogo, #message_index_jump_to, .nextlinks, #display_jump_to,
    #siteslogan, th.id_group, th.registered, th.posts, th.reg_group, th.reg_date, td.reg_group, td.reg_date,
    td.id_group, td.registered, td.posts:not(.unique), td.statsbar.posts,
    #approve_list .ip, #approve_list .date_registered, #group_members .date_registered,
    #main_content_section .navigate_section, .time,
    #header_custom_profile_fields_field_type, #header_custom_profile_fields_active,
    #header_custom_profile_fields_placement, #custom_profile_fields .active, #custom_profile_fields .field_type, #custom_profile_fields .placement {
        display: none !important;
    }
Replace With -

Code Select Expand

        /* Hide me */
    #inner_wrap time, #inner_wrap .news, .news_section .news h2, .news_section .news p,
    #search_form, #smflogo, #message_index_jump_to, .nextlinks, #display_jump_to,
    #siteslogan, th.id_group, th.registered, th.posts, th.reg_group, th.reg_date, td.reg_group, td.reg_date,
    td.id_group, td.registered, td.posts:not(.unique), td.statsbar.posts,
    #approve_list .ip, #approve_list .date_registered, #group_members .date_registered,
    #main_content_section .navigate_section, .time,
    #header_custom_profile_fields_field_type, #header_custom_profile_fields_active,
    #header_custom_profile_fields_placement, #custom_profile_fields .active, #custom_profile_fields .field_type, #custom_profile_fields .placement {
        display: none !important;
    }
This will simply hide the news section on smaller screens. While still showing the news slide.

[TwitchisMental]

New Version Uploaded -

Code Select Expand

1.1.4. :
Adjustment: Adjusted how width is set on everything. Removed cap of 1700px.
Adjustment: Adjusted link and text colors on certain background like the approve background.
Nothing too crazy, just makes it easier to use fluid width and updated some colors for legibility .

[Steve]

I don't suppose you could PM me or post the changes you made?

I've made a lot of very minor tweaks and I really don't want to have to start all over. 

[TwitchisMental]

I don't suppose you could PM me or post the changes you made?

I've made a lot of very minor tweaks and I really don't want to have to start all over. 

Should put those tweaks in another stylesheet .

Let me see.. I am comparing this to my demo site one, so some of these may be already be done.

Find

Code Select Expand

/* This is about links */
a, a:visited {
    color: var(--link);
    text-decoration: none;
    text-shadow: 1px 1px 1px var(--black);
    transition: 0.25s all;
}
Replace

Code Select Expand

a, a:visited {
    color: var(--link);
    text-decoration: none;
    text-shadow: 1px 1px var(--black);
    transition: 0.25s all;
}
--------

Find

Code Select Expand

/* Set maximum width limit for content */
#top_section .inner_wrap, #wrapper, #header {
    max-width: var(--set_width); /* Go to the top of this index.css and change the width on the --set_width variable to whatever you would like in px. Ex 1200px, 1600px, etc) */
    margin: 0 auto;
    width: 90%;
}
Replace

Code Select Expand

/* Set maximum width limit for content */
#top_section .inner_wrap, #wrapper, #header {
    margin: 0 auto;
    width: var(--set_width); /* Go to the top of this index.css and change the width on the --set_width
 variable to whatever you would like in px. Ex 1200px, 1600px, etc) */
}
-----------------

Find

Code Select Expand

.news_section .news {
    font-size: 0.9em;
    display: flex;
    align-items: baseline;
    margin: 0 auto;
    max-width: var(--set_width);
    text-align: left;
}
Replace

Code Select Expand

.news_section .news {
    font-size: 0.9em;
    display: flex;
    align-items: baseline;
    margin: 0 auto;                    
    text-align: left;
}-----------

Find

Code Select Expand

/* Colors for background of posts requiring approval */
.approvebg {
 color: #222;
 background: #ffeaea;
}
.approvebg2 {
 color: #222;
 background: #fff2f2;
}
Replace

Code Select Expand

/* Colors for background of posts requiring approval */
.approvebg {
    color: var(--white);
    background: rgb(55,34,34,0.9);
}
.approvebg2 {
    color: var(--white);
    background: rgb(255,234,234,0.9);
}
------
Find

Code Select Expand

.poster img.avatar {
    max-width: 100%;
    border-radius: 50%;
    border: 1px solid var(--link);
    width: 100%;
}
Replace

Code Select Expand

.poster img.avatar {
    max-width: 60%;
    border-radius: 50%;
    border: 1px solid var(--link);
    width: 60%;
}
--------
Find

Code Select Expand

.subject_title a {
    font-size: 0.9em;
    color: #333;
    font-weight: bold;
}
Replace

Code Select Expand

.subject_title a {
    font-size: 0.9em;
    color: var(--link);
    font-weight: bold;
}

[Steve]

Whoa, I didn't realize it was going to be that much. Looks like I have my work cut out for me.

[TwitchisMental]

Whoa, I didn't realize it was going to be that much. Looks like I have my work cut out for me.

Oh come on it is only 6 changes .

[Steve]

 

[Steve]

In this post of this topic I had asked how to get rid of the small profile icon: https://www.simplemachines.org/community/index.php?msg=4134585

And you provided the solution here: https://www.simplemachines.org/community/index.php?msg=4134593

When you click on 'Recent Unread Topics' that little icon still shows. How do I get rid of it there too?

[TwitchisMental]

In this post of this topic I had asked how to get rid of the small profile icon: https://www.simplemachines.org/community/index.php?msg=4134585

And you provided the solution here: https://www.simplemachines.org/community/index.php?msg=4134593

When you click on 'Recent Unread Topics' that little icon still shows. How do I get rid of it there too?

Hummm not quite sure, but I am not seeing that when clicking recent unread.(Possibly because I hadn't posted in any of them)

Got a screeny for me?

[Steve]

At the moment, when I click on 'Unread Posts' it shows that I don't have any, which is true, and it gives a link to 'Click here to try all unread topics' which gives me this:

You cannot view this attachment.

[TwitchisMental]

At the moment, when I click on 'Unread Posts' it shows that I don't have any, which is true, and it gives a link to 'Click here to try all unread topics' which gives me this:

You cannot view this attachment.

Looks like that will be in the recent.template.php. You'd need to copy it from the default theme and into the Hextech theme folder.

Open in your favorite editor

Find and remove (line 150)

Code Select Expand

', $topic['is_posted_in'] ? '<span class="main_icons profile_sm"></span>' : '', '

[Steve]

Soon as I can get someone to post I'll let you know if it worked. lol

I have no doubt it did and thank you.

[TwitchisMental]

Soon as I can get someone to post I'll let you know if it worked. lol

I have no doubt it did and thank you.

You're welcome.

[Steve]

Just an FYI, your above edit worked perfectly.

It just occurred to me that if I remove that line from the default theme's Recent.template.php, wouldn't it remove that icon from any theme that doesn't have that file?

[TwitchisMental]

Just an FYI, your above edit worked perfectly.

It just occurred to me that if I remove that line from the default theme's Recent.template.php, wouldn't it remove that icon from any theme that doesn't have that file?

That would be correct.