css i plugin « WordPress DK Forum

WordPress DK Forum » Udenfor kategori

css i plugin

(11 indlæg) (3 voices)

Startet for 13 years siden af Birgitte_H
Seneste svar fra tboelskifte
This topic is not a support question

Tags:

Birgitte_H

Medlem
Joined: jul '11
Posts:
Reputation:

Hej
Jeg er stadig i gang med mit spørgeskema: http://portal.birgitteholm.com/?page_id=77

Er der nogen som kan overskue dette css, hvis jeg gerne vil:
1. Gøre overskrifterne mindre
2. Lave mellemrum mellem spørgsmålene
3. Lave spørgsmålene med fed
4. Fjerne punkttegn foran afkrydsningsfelterne

Undskyld, at jeg kopierer det hele ind, men jeg ved ikke lige, hvor jeg skal klippe/sortere :-)

/*
Theme Name: CatN 2.0
Theme URI: http://www.catn.com
Description: CatN.com theme
Author: Fubra Limited
Author URI: http://www.fubra.com
*/

body { margin : 0px; font-family : Arial; }
div#header { text-align: center; background-color : #353535; padding-top : 2px; padding-left : 60px; padding-right : 60px; min-height : 35px; }
div#header-content { text-align: left; margin : auto; width: 950px; }
div#main-menu { float: left; vertical-align: middle; padding-top : 5px; }
div#main-menu ul { margin : 0; padding : 0; display : inline; }
div#main-menu ul li { display : inline; padding: 5px; }
div#main-menu ul li a { color : white; font-family : Arial; text-decoration : none; }
div#passport-links { float: right; color : white; margin-top: 5px; }
div#passport-links a { color : white; font-family; Arial; font-weight : bold; text-decoration : none; }
div#passport-links img { vertical-align: middle; }
div.clear { clear:both; }
div.spacer { min-height : 40px; }
div#sub-header-seperator { width: 950px; background-image: url('images/brteaker.png'); height : 1px; margin : auto; }
div#sub-header { padding-top : 25px; text-align: center; }
div#sub-header-content { width: 950px; text-align: left; margin : auto; padding-bottom: 25px; }
div#sub-header img { vertical-align: middle; display : inline; padding-right: 30px; }
div#sub-header ul { margin : 0px; padding : 0px; display : inline; }
div#sub-header ul li { padding : 5px; display : inline; }
div#sub-header ul li a { font-family : Arial; color : black; text-decoration : none; }
div#sub-header ul li a.selected { border-bottom : 2px solid black; padding-bottom : 3px; }
div#page-body { min-height : 300px; text-align: center; }
div#page-content { text-align : left; margin : auto; width : 950px; }
div#footer { background-color : #f0f0f0; color : #a5a5a5; text-align : center; min-height : 350px; padding-top : 35px; font-family : Arial; }
div#footer img { vertical-align: middle; }
div#footer a { color : #a5a5a5; text-decoration : none; }
div#footer ul li { display : inline; }
div#footer-top-border { height : 1px; background-color : #dedede; }
div#footer-bottom-border { height : 1px; background-color : #fafafa; }
div#footer-content { text-align: left; margin : auto; width: 950px; ; }
div#footer-left-top img { vertical-align: middle; }
div#footer-left-top ul { margin : 0px; padding : 0px; display : inline; }
div#footer-left-bottom { font-size: 10pt;}
div#footer-left-bottom ul { margin: 0px; padding : 0px; display: inline; }
div#footer-left-seperator { width: 500px; background-image: url('images/brteaker.png'); height: 1px; }
div#footer-left { float: left; width: 520px; text-align: left; position: relative; }
div#footer-seperator{ background-image: url('images/horizontal-line.png'); min-width: 1px; height: 225px; margin-leftd: 5px; margin-right : 5px; float : left; position : relative; }
div#footer-right { float : left; width : 369px; text-align : left; position : relative; }
div#footer-contact { float : left; padding-left : 15px; position : relative; font-family : Arial; }
div#footer-map { float : right; position : relative; font-family : Arial; }
p#connect_with { padding-top: 45px; }
div#home-top { margin-top : 50px; }
div#home-top-left { float: left; width: 420px; }
div#home-top-left p { text-align : center; }
div#home-top-desk { float: left; width: 530px; text-align : right; }
div#home-middle { margin-top : 50px; }
div#develop-box { width : 300px; height : 198px; padding-top: 11px; padding-left : 15px; margin-top: 11px; background-image: url('images/background-box-keyboard.png'); position: relative;background-repeat:no-repeat;float : left; }
div#optimise-box { width : 300px; height : 198px; padding-top: 13px; padding-left : 15px; background-image: url('images/background-box-spanner.png'); position: relative;background-repeat:no-repeat;float : left; }
div#host-box { width : 300px; height : 198px; padding-top: 10px; padding-left : 15px; margin-top: 16px; background-image: url('images/background-box-server.png'); position: relative;background-repeat:no-repeat; float : left; }
div.box { }
div.box h3 { font-size : 14pt; }
div.box-text { padding-top : 40px; width: 200px; float: left; }
div.box-link { float: left; width : 50px; padding-top : 45px; }
div#home-footer { min-height : 150px; margin-bottom : 25px; }
div#quote-photo { width: 150px; height: 150px; float: left; }
div#quote-content { width: 771px; height : 151px; background-image: url('images/quote-box.png'); float: left; margin-left: 15px; }
div#quote-person { width : 200px; height : 150px; float :left; margin-left: 25px;}
div#quote-person h2 { margin :0px; padding: 0px; font-size : 12pt; }
div#quote-person h3 { margin :0px; padding: 0px; font-size : 9pt; }
div#quote-person p { margin-top: 40px; font-size : 8pt; }
div#quote-seperator { width : 2px; background-color : #999999; height : 130px; float:left; margin-left : 10px; margin-right : 10px; }
div#quote-text { float: left; width : 450px; font-size: 10pt; }
div#quote-text h2 { color : #348fd6; font-size: 13pt; }
div#pricing-top { text-align : center; }
div#pricing-top h1 { font-style: italic; font-family: Georgia; font-weight : normal; }
div#pricing-sections { }
div#pricing-sections p { text-align: center; }
div#pricing-sections ul li { list-style: none; }
div#pricing-sections ul li a { background-color : #dcdbd9; color : black; font-size : 8pt; font-style : italic; font-family: Georgia; font-weight: bold; padding : 1px; text-decoration : none; }
span.price-text { font-size : 34pt; }
div#price-lite { float : left; width : 300px; margin-right : 10px; font-family: Georgia; font-style : italic; }
div#price-pro { float: left; width : 300px; min-height :526px; background-image: url('images/pro-background-box.png'); background-position : 0% 100%; background-repeat: no-repeat; margin-right : 10px; padding-left : 15px; font-family: Georgia; font-style : italic; }
div#price-pro p { width : 280px; }
div#price-ultimate { float: left; width: 300px; background-repeat: no-repeat; font-family: Georgia; font-style : italic; }
div.pricing-overage { background-image : url('images/overage-background.png'); background-repeat: no-repeat; float : left; margin-left : 5px; }
div#pricing-info { margin-top : 15px; }
div#pricing-info-storage { height : 273px;width : 460px; background-position: 0% 100%; padding-left: 10px; }
div#pricing-info-hour { height : 273px; width : 460px; background-position: 0% 100%; padding-left: 10px; }
div.overage-image { width : 115px; float: left; }
div.overage-content { width : 300px; float: left; font-size : 10pt; padding-top : 25px; }
div#pricing-quote { margin-top : 50px; margin-bottom : 50px; }
div#pricing-instanta-quote { font-family: Georgia; font-style: italic; padding-top: 50px; }
div#pricing-instanta-quote img { vertical-align: middle; }
div#instanta-left { width : 600px; float : left; }
div#instanta-left br {display:none}
div#instanta-right { width : 350px; float : left; padding-top:20px; }
div.control-sub-left{ width : 450px; float: left; }
div.control-sub-right{ width : 450px; float: right; }
div.control-spacer { clear: both; background-image: url('images/brteaker.png'); height : 1px; margin-top : 20px; margin-bottom : 20px; }
div.control-section { margin-top : 20px; margin-bottom : 20px; }
div.control-section p { width: 400px; padding-left : 20px; font-size : 10pt; }
div.control-section h3 { width: 400px; padding-left : 20px; font-family: Georgia; font-style: italic; font-weight : normal; font-size : 12pt; }
div#control-related { width : 230px; float :right; text-align: right; }
div#control-related p { text-aligin: center; }
div#control-related ul { }
div#control-related li { width : 220px; text-align : left; padding: 10px; list-style : none; font-weight : bold; }
div#control-related li img { vertical-align: middle; }
li.control-related-one { background-color : #f9f8f8; }
li.control-related-two { background-color : #FFFFFF; }
div#control-top-info { width : 700px; float : left; }
div#tech-list li { list-style : none; }
div.list-image { width : 120px; float: left; }
div.list-text { width : 750px; float: right; }
div#cluster-top { top-margin : 15px; }
div#cluster-top-left { float: left; width: 650px; }
div#cluster-top-left li { list-style: none; width: 300px; float: left; font-weight : bold; }
div#cluster-top-left img { vertical-align: middle; }
div#cluster-top-right { width : 300px; float: right; text-align: center; }
div#cluster-middle { background-image: url('images/Large-white-content-box.png'); background-repeat: no-repeat; background-position: 50% 100%; height : 350px; }
div.cluster-middle-float { float: left; width: 250px; font-size : 10pt; margin-left : 25px; margin-right : 15px; }
div.cluster-middle-arrow { float: left; vertical-align: middle; margin-top: 175px; margin-bottom : 0px;}
div.cluster-middle-arrow img { vertical-align: middle; }
div.cluster-middle-float h2 { font-style: italic; font-family: Georgia; font-size : 12pt; font-weight : normal; }
div#cluster-features { margin-bottom : 30px; }
div#cluster-features li { float: left; width : 300px; list-style: none; }
div#cluster-bottom { padding-botton: 30px; }
div#cluster-support { background-image: url('images/medium-white-content-box.png'); width : 620px; height : 200px;float: left; }
div#cluster-support-img { float: left; width : 130px; }
div#cluster-support-text { float: left; width : 485px; }
div#cluster-support-text img { vertical-align: middle; }
div#cluster-support-text ul { padding: 0;margin: 0; }
div#cluster-support-text li { float: left; width: 200px; list-style: none; }
div#cluster-support-text li#support { width : 270px; }
div.cluster-support-link { text-align:right; margin-top: 30px; padding-right : 30px; }
div#cluster-demo { background-image: url('images/small-white-content-box.png'); width : 300px; height: 200px; float: right; }

Mange hilsner

Birgitte[b]

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Hej Birgitte
Ingen grund til at smide din kode her.
Dem der kan hjælpe dig finder selv din kode via din hjemmeside ;-)

1) overskrift:
h1 { font-family: "Union","Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati; font-size: 360%; font-weight: bold; letter-spacing: -0.04em; line-height: 100%; margin: 0.5em 0; }

Ret font-size til eks:260

2)mellemrum:
ul, ol { line-height: 150%; margin: 0.4em 0 1em; }
ret 150 til evt 200

3) fed skrift:
form label { font-weight: normal; }

ret normal til bold

Den sidste kan jeg ikke umiddelbart finde ;-)

Mvh John

Skrevet 13 years siden #
Birgitte_H

Medlem
Joined: jul '11
Posts:
Reputation:

Okay, tak :-)

Skrevet 13 years siden #
Birgitte_H

Medlem
Joined: jul '11
Posts:
Reputation:

Hej igen John
Jeg er nødt til at spørge, hvor du har fundet den css fil - jeg kan ikke finde den under nogen af plugin-mapperne.

Mange hilsner

Birgitte

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Den ligger i tema mappen:
http://portal.birgitteholm.com/wp-content/themes/arclite/style.css

Skrevet 13 years siden #
Birgitte_H

Medlem
Joined: jul '11
Posts:
Reputation:

Hej John
Tak :-)

Jeg er nødt til at spørge dumt. Hvis jeg ændrer css i temaet, vil det så også ændre i plugin'et?

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Det er kun kosmetiske rettelser du laver, og det vil normalt ingen indflydelse have på afvikling af plug-ins.

Men når man retter i filer er det altid en god ide at sørge for at have kopier af det man retter i.

Samtidig er det altid vigtigt at altid have en backup af hele Wordpress og Database

Skrevet 13 years siden #
tboelskifte

Juniormedlem
Joined: okt '11
Posts:
Reputation:

@Birgitte,

Undskyld det sene svar - jeg er helt ny her på det danske forum :)

Vedr. den sidste med punkttegn, så er du nødt til at indsætte en ny klat CSS, eks. til sidst i /* end */ sektionen, der skal hedde:

div.wpst_question li { list-style-type: none; }

På den måde påvirker du kun "li" altså "List Item" emnet i skemaet, og du beder så om at List Style skal være None i stedet for "Disc" eller "Circle" eller "Square" eller hvad der nu ellers findes af punkttegn i CSS :)

Håber det hjalp dig, omend lidt sent!
------------------------------------------
Så til John :)

Jeg kommer til WordPress (som jeg har lavet flere sites i, men det var vist tilbage i version 2.5 til 2.7 og der omkring), og kommer lige fra et år eller halvandet, udelukkende med udvikling i ExpressionEngine.

I EE kunne man lave en "Default.css" fil, der fra starten var tom, men hvor man så placerede de ændringer til CSS'en man havde.

Filen bestod altså KUN af de "klatter" af ændringer man havde til andre CSS-filer, og man kunne dermed blot indsætte sine egne ændringer til CSS der, der blev aldrig pillet ved filen under opdateringer og så.

Findes der noget lignende til WP, så ens ændringer ikke overskrives, hvis man opdaterer ens Theme, eller hele WP? Eller er det backup hver gang man laver CSS ændringer?

Eller opdateres Themes ikke så tit under WP, og holder de almindelige WP opdateringer sig fra default Themet?

Især nu da jeg har besluttet at køre "back to basics" og bruger det indbyggede Twenty Eleven 1.2 Theme, som jeg går ud fra opdateres samtidig med almindelige WP versions-opdateringer (nogle gange i hvert fald), kunne det være cool - også fordi jeg laver en del CSS ændringer i tingene med tiden :)

Undskyld det lange spørgsmål, det er bare svært at forklare konceptet, da jeg ikke har kunnet finde et lignende under WP ... men måske er det der allerede, hvem ved :)

På forhånd tak for hjælpen,
Thomas

PS: Jeg er Fil- og Database Backup nørd, så det er fint noget jeg kan leve med, men findes funktionen vil jeg gerne høre om det :)

Blog: http://thomas.boelskifte.dk/

Skrevet 13 years siden #
tboelskifte

Juniormedlem
Joined: okt '11
Posts:
Reputation:

@Birgitte,

Undskyld det sene svar - jeg er helt ny her på det danske forum :)

Vedr. den sidste med punkttegn, så er du nødt til at indsætte en ny klat CSS, eks. til sidst i /* end */ sektionen, der skal hedde:

div.wpst_question li { list-style-type: none; }

På den måde påvirker du kun "li" altså "List Item" emnet i skemaet, og du beder så om at List Style skal være None i stedet for "Disc" eller "Circle" eller "Square" eller hvad der nu ellers findes af punkttegn i CSS :)

Håber det hjalp dig, omend lidt sent!
------------------------------------------
Så til John :)

Jeg kommer til WordPress (som jeg har lavet flere sites i, men det var vist tilbage i version 2.5 til 2.7 og der omkring), fra et år eller halvandet, udelukkende med udvikling i ExpressionEngine.

I EE kunne man lave en "Default.css" fil, der fra starten var tom, men hvor man så placerede de ændringer til CSS'en man havde.

Filen bestod altså KUN af de "klatter" af ændringer man havde til andre CSS-filer, og man kunne dermed blot indsætte sine egne ændringer til CSS der, der blev aldrig pillet ved filen under opdateringer og så.

Findes der noget lignende til WP, så ens ændringer ikke overskrives, hvis man opdaterer ens Theme, eller hele WP? Eller er det backup hver gang man laver CSS ændringer?

Eller opdateres Themes ikke så tit under WP, og holder de almindelige WP opdateringer sig fra Themet man bruger?

Især nu da jeg har besluttet at køre "back to basics" og bruger det indbyggede Twenty Eleven 1.2 Theme, som jeg går ud fra opdateres samtidig med almindelige WP versions-opdateringer (nogle gange i hvert fald), kunne det være cool - også fordi jeg laver en del CSS ændringer i tingene med tiden :)

Undskyld det lange spørgsmål, det er bare svært at forklare konceptet, da jeg ikke har kunnet finde et lignende under WP ... men måske er det der allerede, hvem ved :)

På forhånd tak for hjælpen,
Thomas

PS: Jeg er Fil- og Database Backup nørd, så det er fint noget jeg kan leve med, men findes funktionen vil jeg gerne høre om det :)

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

@tboelskifte

Filen bestod altså KUN af de "klatter" af ændringer man havde til andre CSS-filer, og man kunne dermed blot indsætte sine egne ændringer til CSS der, der blev aldrig pillet ved filen under opdateringer og så.

Findes der noget lignende til WP, så ens ændringer ikke overskrives, hvis man opdaterer ens Theme, eller hele WP? Eller er det backup hver gang man laver CSS ændringer?

Check child theme
http://codex.wordpress.org/Child_Themes

En anden mulighed for at undgå temaet bliver opdateret er at omdøbe temaet.
Husk så også at omdøbe temaets CSS fil

/*
Theme Name: (omdøb)
Theme URI:
Description:
Author:
Author URI:
Template: twentyeleven
Version: 0.1.0
*/

Skrevet 13 years siden #
tboelskifte

Juniormedlem
Joined: okt '11
Posts:
Reputation:

Aaamen hvor cool John, Child Theme er jo lige det jeg søger, mange mange tak min ven!

Skrevet 13 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.