font colour + font size i sidebar..

WordPress DK Forum » Temaer

font colour + font size i sidebar..

(12 indlæg) (2 voices)

Startet for 16 years siden af Stendse
Seneste svar fra Stendse
This topic is not resolved

Tags:

font
Sidebar

Stendse

Medlem
Joined: aug '08
Posts:
Reputation:

Hej Alle

Håber i kan hjælpe mig, nu har jeg prøvet længe nok :-)

Ude i min sidebar vil jeg gerne kunne ændre tekst-farven, desuden vil jeg gerne kunne ændre tekst størrelsen - især på overskriften (hvor der nu står "Crawl byer")

Det logiske ville være at kunne ændre det i sidebar.php - men den reagerer slet ikke, selvom jeg har prøvet mig frem i timevis nu.

Så gik jeg i krig med style.CSS og har ændret alt i .left{ - uden resultat.

Jeg bruger temaet Dark Blue Cross og siden hedder http://www.crawle.dk

Kan der hjælpes?

Tusind tak :-)

Stendse

Skrevet 16 years siden #
Thomas-DK

Supermedlem
Joined: sep '07
Posts:
Reputation:

Overskriften "Crawl byer" ligger i en widget.
Ud fra kildekoden kan jeg se at teksten ligger i en
der har to class'er tilknyttet.
Der er .widget og .widget_categories

Hvis du angiver noget i .widget, vil det have en effekt på alle dine widgets i din sidebar.

De to andre widgets kan du fange enkeltvis via:
.widget_pages
.widget_recent_entries

Så hvis du vil ændre farven og teksten på din kategori overskrift(Crawl byer), så kan du gøre følgende:

.widget_categories {
font-size:120%;
color:#fff;
}

hvis det stadig driller, så kan det være fordi der er en anden css regel som påvirker det samme. Så kan du tilføje !important.

.widget_categories {
font-size:120% !important;
color:#fff !important;
}

font-size har jeg angivet i procent, fordi jeg kunne se, at sådan var det angivet pt.
Du kan sagtens skrive 14px eller 10pt osv.
color er der kun tre f'er i, fordi at når der er seks ens tegn, kan man nøjes med de første tre, så finder browseren selv ud af resten. Så #fff er 100% det samme som #ffffff.

Håber det hjalp.

Ps. vend dig til at rode med css'en først. Det er som regel det nemmeste.
Hvis du angiver noget in-line, altså i html'en og der er angivet noget i <head></head> eller i en ekstern css fil, så overskriver det dit in-line, da det bliver på ført efter.
Så rækkefølgen er:
3. in-line
2. i head
1. ekstern css fil

Det er altid træls at rode med css regler der overskriver hinanden.

Stendse

Medlem
Joined: aug '08
Posts:

Reputation:

Hej Thomas

Fedt, det virker.

Men.... hvordan ændrer jeg så selve tekst-farven på byerne ? - eksempelvis på Frerderiksberg, den skal nemlig også være hvid.

Og... hvordan ændrer jeg så de andre overskrifter - altså "info" og "nyeste ruter" - ja og så selvfølgelig alle emnerne under :-)

Stendse

Skrevet 16 years siden #

Stendse

Medlem
Joined: aug '08
Posts:

Reputation:

Hej Thomas

Fedt, det virker.

Men.... hvordan ændrer jeg så selve tekst-farven på byerne ? - eksempelvis på Frerderiksberg, den skal nemlig også være hvid.

Og... hvordan ændrer jeg så de andre overskrifter - altså "info" og "nyeste ruter" - ja og så selvfølgelig alle emnerne under :-)

Stendse

Skrevet 16 years siden #

Thomas-DK

Supermedlem
Joined: sep '07
Posts:

Reputation:

Byerne er links, så det er a tags du skal ændre.

Så dem fanger du ved at:

.widget_categories a {
color:#efefef !important;
}

mht. de andre overskrifter, så har du svaret i det første indlæg jeg skrev :D
Jeg ved godt det blev lidt langt, men prøv at kigge på det igen ;)

Skrevet 16 years siden #

Stendse

Medlem
Joined: aug '08
Posts:

Reputation:

Hej Thomas

Genialt! det virker...

Og jeg fandt ud af også at ændre de andre overskrifter :-)

MEN.... recent_post (som er den jeg kalder "nyeste ruter" - vil ikke virke, så det må være det sidste problem du kan hjælpe mig med :-)

jeg indsætter :

.recent_posts {
font-size:100%;
color:#fff;
}

MEN AK NEJ! - den vil ikke ændre sig........ noget jeg har overset?

Tak for hjælpen.

Stendse

Skrevet 16 years siden #

Thomas-DK

Supermedlem
Joined: sep '07
Posts:

Reputation:

Det er en typisk fejl :)

I kildekoden:
id="recent-posts" class="widget widget_recent_entries"

Så enten skal du fange den via:
#recent-posts {}

eller
.widget_recent_entries {} (Som jeg skrev i det første indlæg :))

Skrevet 16 years siden #

Stendse

Medlem
Joined: aug '08
Posts:

Reputation:

Hej Thomas - er indlæggene for dig også meget utydelige??

Jeg kan næsten tyde dit svar, men har lidt svært ved at forstå, kunne du skrive helt præcis hvad jeg skal indsætte i CSS? :-)

Stendse

Skrevet 16 years siden #

Thomas-DK

Supermedlem
Joined: sep '07
Posts:

Reputation:

Du skrev du indsat:

.recent_posts { font-size:100%; color:#fff; }

Der er ikke nogen class der hedder .recent_posts derfor virker det ikke :)
Følgende vil virke:

.widget_recent_entries { font-size:100%; color:#fff; }

Skrevet 16 years siden #

Thomas-DK

Supermedlem
Joined: sep '07
Posts:

Reputation:

Jeg så lige, at du mangler nogle ul tags i din left siderbar.

Lige efter  skal du indsætte ul>
Lige før  skal du indsætte /ul>

Ps. mindreend tegnet har jeg ikke skrevet, da forummet så æder ul tag'ene.
Så du skal lige selv tilføje det til ul tag'sene

Browseren kan godt gætte sig til at de mangler, men det kan godt give dig nogle andre problemer, så det er bedst at de er der.

Skrevet 16 years siden #

Stendse

Medlem
Joined: aug '08
Posts:

Reputation:

Thomas, der er noget galt med dette forum - ser din og min opsætning vild mærkelig ud.

Kunne du ikke være sød og paste dit svar ind i en mail til mig, jeg kan simpelhen ikke læse det i indlægget. fejl....

min mail

sstenderup@gmail.com

på forhånd tak

Skrevet 16 years siden #

Stendse

Medlem
Joined: aug '08
Posts:

Reputation:

jeg starter lige en ny tråd istedet!

Skrevet 16 years siden #

font colour + font size i sidebar..

Svar