Panel Notiser Huvudlista

CSS som presenteras här används av panelerna Panel Notiser Huvudlista och Panel Notiser Liten. Panel Notiser Huvudlista används även för att visa en detaljerad version av en Notis när man klickat på Läs mer / Skriv en kommentar i listan.

Wrappers

Använd denna kod för att exempelvis lägga till ramar, ändra bakgrundsfärg eller indrag på panelen.
Visa kod

/**
 * Wrapper för hela panelen
 */

.sitesmart-mediaPost-feed-wrapper {
    padding: 0px !important;
}

/**
 * Wrapper för ett inlägg
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item {
    padding: 0px !important;
}

/**
 * Wrapper för huvuddel av inlägget (rubrik och datum)
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-feed-header {
    padding: 0px !important;
}

Texter

Använd denna kod för att ändra utseende på texter för inlägget.
Visa kod

/**
 * Rubrik för inlägget
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-feed-header h2 {
    color: #ff3333 !important;
}

/**
 * Datum-text
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-feed-header p {
    color: #ff0000 !important;
}

/**
 * Texter för inlägg, exempelvis H3 och H4
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item h3,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item h4 {
    color: #ff0000 !important;
}

/**
 * Texter för inlägg, exempelvis A (länkar)
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item a {
    color: #ff0000 !important;
}

Bilder

Använd denna kod för att ändra utseende på bilder.
Visa kod

/**
 * Bildwrapper, topp-position
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-top {
    padding: 0px !important;
}

/**
 * Bild, topp-position
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-top a img {
}

/**
 * Resterande bilder (vänster, höger, botten) fungerar likadant
 *
 * Exempelvis wrapper för alla bilder
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-left,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-right,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-top,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-bottom {
    padding: 0px !important;
}

/**
 * Bild, i alla position
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-left img,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-right img,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-top img,
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-bottom img {
}

Wrappers för kommentarer

Använd denna kod för att ändra exempelvis indrag och bakgrundsfärger för kommentarer.
Visa kod

/**
 * Kommentarsformulär, wrapper för rubrikfält
 */

.sitesmart-mediaPost-feed-wrapper .commentForm-header-wrapper {
    padding: 0px !important;
}

/**
 * Wrapper för kommentarer
*/

.sitesmart-mediaPost-feed-wrapper .sitesmart-comment-wrapper {
    padding: 0px !important;
}

/**
 * Wrapper för enskild kommentar i lista
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-comment-wrapper .sitesmart-comment-item {
    padding: 0px !important;
}

Text för kommentarer

Använd denna kod för att ändra utseende på typsnitt för kommentarer.
Visa kod

/**
 * Rubrik för kommentarer
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-comment-wrapper .sitesmart-comment-item .comment-header h2 {
    color: #ff0000 !important;
}

/**
 * "Skrivet av"-text
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-comment-wrapper .sitesmart-comment-item .comment-header p {
    color: #ff0000 !important;
}

/**
 * Kommentarstext
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-comment-wrapper .sitesmart-comment-item div p {
    color: #ff0000 !important;
}

/**
 * Linje under kommentar
 */

.sitesmart-mediaPost-feed-wrapper .sitesmart-comment-wrapper hr {
    color: #ff0000 !important;
}

Kommentarsformulär

Använd denna kod för att ändra utseende på formulärfälten för kommentarer.
Visa kod

/**
 * Kommentarsformulär, rubrikfält
 */

.sitesmart-mediaPost-feed-wrapper .commentForm-header-wrapper input {
    color: #ff0000 !important;
}

/**
 * Kommentarsformulär, kommentarsfält
 */

.sitesmart-mediaPost-feed-wrapper textarea#commentForm-content {
    color: #ff0000 !important;
}

/**
 * Kommentarsformulär, Spara-knapp
 */

.sitesmart-mediaPost-feed-wrapper button {
    padding: 0px !important;
}

/**
 * Kommentarsformulär, "kommentar granskas"-text
 */

.sitesmart-mediaPost-feed-wrapper p.sitesmart-comment-approve-message {
    color: #ff0000 !important;
}
 
DesignSmart - en del av SiteSmart

Denna sida och produktion av designmallar är ett samarbete mellan MediaVault International AB, SiteSmart Sales Sweden AB och våra designpartners. SiteSmart erbjuder webbsidor med CMS/Publiceringsverktyg, E-handelsverktyg och andra moduler samt relaterade produkter och tjänster för hemsidor. MediaVault International utvecklar de verktyg som marknadsföres av SiteSmart.

Kontakta oss nu

Bispmotalagatan 1 | 591 35 Motala
Telefon: 0141-20 25 40
E-post » info@sitesmart.se

Öppettider

Vår support har öppet helgfria vardagar 
08.00 - 17.00. Ring 0141-20 25 40 eller hitta information och filmer på » www.sitesmartsupport.se

Samtliga produkter under varumärket SiteSmart ® utvecklas av MediaVault International AB.

» Våra villkor

Copyright © 2015 SiteSmart, all rights reserved   |   » Sitemap   |   » Cookies