Skip to main content
Topic: [Theme] Silence (Read 24354 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Re: [Theme] Silence

Reply #30

Code: [Select]
#info_center i {
    display: inline-block;
}
should fix the huge icons ..
Thorsten "TE" Eurich
------------------------

Re: [Theme] Silence

Reply #31

Quote from: nous – Migrating Silence from 1.0.10 to 1.1 is problematic; some forum icons were rendered huge, and I mean HUGE!
I like it. So nice and sharp. :D

 

Re: [Theme] Silence

Reply #33

it doesn't fix all larger icons, just the three very big ones in the info_center whick had 100% size..
Thorsten "TE" Eurich
------------------------

Re: [Theme] Silence

Reply #34

It does indeed, my bad, there was caching that showed the unmodified version. Do you by any chance have a fix for the message content shifting under the avatar area?   :D


Re: [Theme] Silence

Reply #35

not sure if it works but in theory it should:
Code: [Select]
.postarea {
    margin-left: 160px !important;
}
Thorsten "TE" Eurich
------------------------


Re: [Theme] Silence

Reply #37

This affected badly the CSS for mobile devices. On my phone the message content area gets pushed way too much to the right, while previously worked fine, just as in 1.0.10. Please, see attached screenshot.

Re: [Theme] Silence

Reply #38

Quote from: TE –
Code: [Select]
#info_center i {
    display: inline-block;
}
should fix the huge icons ..

Probably not the correct way (tm) to approach theme-ing in 1.1, but it would seem that the surest workaround until the themes get ported to 1.1 is an entry in custom.css like this:
Code: [Select]
.icon, .helpicon, .warnicon, .infoicon, .chevricon {
        display: inline-block;
        margin: 0 .25em;
        width: 1.25em;
        height: auto;
        vertical-align: middle;
        line-height: 1.25em;
}

Taken from existing css and corrected BeCool, LazyDay, FaceIt, Separation and StormCloud huge icons.

Re: [Theme] Silence

Reply #39

totally forgot smartphones with low screen resolution, but you can revert that
Code: [Select]
.postarea {
    margin-left: 160px !important;
}
in a media query:
Code: [Select]
@media screen and (max-width: 50em) {
.postarea {
    margin-left: 0px !important;
}
}

Not sure on the 50em and the 0px margin (don't know wthats the defaults for that theme), maybe it's needed for smartphones only, that would be:
Code: [Select]
(max-width: 33.750em)
Thorsten "TE" Eurich
------------------------

Re: [Theme] Silence

Reply #40

Im so confused. I want to used this theme but i just dont understand how to edit everything to get it back to where it suppose to look like

Re: [Theme] Silence

Reply #41

You can download the theme  here http://themes.elkarte.net/variant/Silence.html the previous posts are talking about customizing the theme to fit the needs of the user. 

Re: [Theme] Silence

Reply #42

I have just downloaded that  but the icons are huge as hell

Re: [Theme] Silence

Reply #43

from reading above you can add the code below into the custom.css file to correct the problem. I am not to familiar with this theme just trying to help out. 


Code: [Select]
icon, .helpicon, .warnicon, .infoicon, .chevricon {
        display: inline-block;
        margin: 0 .25em;
        width: 1.25em;
        height: auto;
        vertical-align: middle;
        line-height: 1.25em;
}

Re: [Theme] Silence

Reply #44

what css would i put it in. theres so many