Einstellung: Behebung von Theme-Problemen und Anpassung der Startseite

Was soll erledigt werden?
Behebung einiger einfacher CSS-Fehler in einem Discourse-Theme (Daemonite Material Theme - #41 by angus), siehe unten.

Einige Anpassungen bei Einbettungen (Twitter, Instagram und Facebook).

Außerdem eine Änderung auf der Startseite, ähnlich wie bei diesem Forum: https://community.shine.fr

Zusammenfassung

|690x157

Beim Scrollen:

|690x222

|690x440

Mobil-Editor defekt:

|328x500

Wann muss es erledigt sein?
November

Wie hoch ist Ihr Budget in USD für diese Aufgabe?
Ich habe keine Ahnung, wie viel das kostet, falls es eine schwierige Arbeit ist… Ich bin offen, über einen Preis zu sprechen.

2 „Gefällt mir“

I did some of the work earlier. And I thought it might come in handy if I put it here.

body {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.navigation-categories {
    

.categories-and-latest div.column.categories {
    min-width: 300px;
}
.categories-and-latest div.column:not(.categories) {
    flex: 4;
    min-width: 320px;
}

.category-description, .category-list tr .topics {
    display: none;
}
.category-list tr {
    border: none !important;
    margin: 6px;
    border-radius: 8px;
}
.category-text-title .category-name {
    margin-left: 0;
    font-size: 1.15rem;
    color: #333;
}
.category-text-title {
    margin-left: 12px;
}
.category-list tr .category {
    display: flex;
    text-align: left;
    align-items: center;
}
.category-list .category-logo {
    width: 44px;
    height: 44px;
    float: none;
    margin: 0;
}
.category-list tbody .category h3 {
    font-size: 1.3195em;
    line-height: 1.2;
}
.category-list tbody .category-title-link {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.category-list td {
    padding: 12px 0 0;
        padding-left: 0px;
}
.category {
    border: none !important;
}

}


.category-heading {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.category-heading p {
    font-size: 1em;
    margin: 0;
    max-width: 36em;
}
.category-heading img {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    margin-right: 1.1rem;
}

It is clear that the above code needs some work, as I did not check his work now, when so much time has passed.

8 „Gefällt mir“

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.