Ondersteuning » Thema en CSS/opmaak » Blauwe lijn onder link verwijderen

  • Hallo

    Sinds een week heb ik een WordPress blog op mijn server staan (EvoLve). Ik heb nog geen ervaring met PHP wel met HTML (Dreamweaver)

    Het eerste een tot nu toe grootste probleem waar ik tegen aan loop is dat ik niet weet hoe ik die afgrijzelijke blauwe lijn onder de linkjes kan verwijderen.

    Ik heb wel een code gevonden maar deze moet ik tussen de HEAD > HEAD plakken maar deze kom ik niet tegen in mijn editor-style.css

    <style type=”text/css”>
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {text-decoration: underline; color: red;}
    </style>

    Kan iemand mij helpen d lijn te verwijderen ??

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hoi,

    Als je in de style.css alle tekst waar staat: text-decoration: underline
    het woordje “underline” vervangt door “none” dan is je probleem opgelost.

    Groetjes
    Erika

    Thread starter Funnykareltje

    (@funnykareltje)

    Erika

    Ik kom nergens het woordje “underline” tegen, in het style.css bestand sowieso niet

    Version:         1.1.9  -  Layout and PHP fixes
    Date:         31/3/11
    
    Version:         1.1.8  -  CSS and PHP fixes
    Date:         21/3/11
    
    Version:         1.1.7  -  CSS and PHP fixes, added translations - Spanish, German, Swedish, Dutch, French
    Date:         7/3/11
    
    Version:         1.1.6  -  CSS and PHP fixes, added translation availability
    Date:         8/2/11
    
    Version:         1.1.5  -  CSS and PHP fixes, added LinkedIn social button
    Date:         7/2/11
    
    Version:         1.1.2  -  Initial release
    Date:         11/1/11
    
    */
    
    /* Reset Browser Defaults */
    @import url( 'library/media/css/reset.css' );
    
    /* Apply base theme styles and colors */
    @import url( 'library/media/css/base.css' );
    
    /* Basic 2 Column Layout */
    @import url( 'library/media/layouts/2col-r.css' );
    
    .alignleft { float: left; margin: 5px 20px 10px 0; }
    .alignright { float: right; margin: 5px 0 10px 20px; }
    .aligncenter { margin: 5px auto 10px auto; display: block; clear: both; }

    In het editor-style.css ook niet :

    /*
    Theme Name: EvoLve
    */
    /*
    Used to style the TinyMCE editor.
    */
    html .mceContentBody {
    	max-width:640px;
    }
    * {
    	font-family: Georgia, "Bitstream Charter", serif;
    	color: #444;
    	line-height: 1.5;
    }
    p,
    dl,
    td,
    th,
    ul,
    ol,
    blockquote {
    	font-size: 16px;
    }
    tr th,
    thead th,
    label,
    tr th,
    thead th {
    	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }
    pre {
    	font-family: "Courier 10 Pitch", Courier, monospace;
    }
    code, code var {
    	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    body, input, textarea {
    	font-size: 12px;
    	line-height: 18px;
    }
    hr {
    	background-color: #e7e7e7;
    	border:0;
    	height: 1px;
    	margin-bottom: 18px;
    	clear:both;
    }
    /* Text elements */
    p {
    	margin-bottom: 18px;
    }
    ul {
    	list-style: square;
    	margin: 0 0 18px 1.5em;
    }
    ol {
    	list-style: decimal;
    	margin: 0 0 18px 1.5em;
    }
    ol ol {
    	list-style:upper-alpha;
    }
    ol ol ol {
    	list-style:lower-roman;
    }
    ol ol ol ol {
    	list-style:lower-alpha;
    }
    ul ul,
    ol ol,
    ul ol,
    ol ul {
    	margin-bottom:0;
    }
    dl {
    	margin:0 0 24px 0;
    }
    dt {
    	font-weight: bold;
    }
    dd {
    	margin-bottom: 18px;
    }
    strong {
    	font-weight: bold;
    	color: #000;
    }
    cite,
    em,
    i {
    	font-style: italic;
    	border: none;
    }
    big {
    	font-size: 131.25%;
    }
    ins {
    	background: #ffffcc;
    	border: none;
    	color: #333;
    }
    del {
    	text-decoration: line-through;
    	color: #555;
    }
    blockquote {
    	font-style: italic;
    	padding: 0 3em;
    }
    blockquote cite,
    blockquote em,
    blockquote i {
    	font-style: normal;
    }
    pre {
    	background: #f7f7f7;
    	color: #222;
    	line-height: 18px;
    	margin-bottom: 18px;
    	padding: 1.5em;
    }
    abbr,
    acronym {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    ins {
    	text-decoration: none;
    }
    sup,
    sub {
    	height: 0;
    	line-height: 1;
    	vertical-align: baseline;
    	position: relative;
    	font-size: 10px;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    style type="text/css">
    <!--
    A {
       text-decoration : none;
       color: #444488; 
    
    -->
    </style>
    p,
    ul,
    ol,
    dd,
    pre,
    hr {
    	margin-bottom:24px;
    }
    ul ul,
    ol ol,
    ul ol,
    ol ul {
    	margin-bottom:0;
    }
    pre,
    kbd,
    tt,
    var {
    	font-size: 15px;
    	line-height: 21px;
    }
    code {
    	font-size: 13px;
    }
    strong,
    b,
    dt,
    th {
    	color: #000;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	color: #000;
    	margin: 0 0 20px 0;
    	line-height: 1.5em;
    	font-weight: normal;
    }
    h1 {
    	font-size: 2.4em;
    }
    h2 {
    	font-size: 1.8em;
    }
    h3 {
    	font-size: 1.4em;
    }
    h4 {
    	font-size: 1.2em;
    }
    h5 {
    	font-size: 1em;
    }
    h6 {
    	font-size: 0.9em;
    }
    table {
    	border: 1px solid #e7e7e7 !important;
    	text-align: left;
    	margin: 0 -1px 24px 0;
    	width: 100%;
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    tr th,
    thead th {
    	border: none !important;
    	color: #888;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 18px;
    	padding: 9px 24px;
    }
    tr td {
    	border: none !important;
    	border-top: 1px solid #e7e7e7 !important;
    	padding: 6px 24px;
    }
    
    img {
    	margin: 0;
    	max-width: 640px;
    }
    .alignleft,
    img.alignleft {
    	display: inline;
    	float: left;
    	margin-right: 24px;
    	margin-top: 4px;
    }
    .alignright,
    img.alignright {
    	display: inline;
    	float: right;
    	margin-left: 24px;
    	margin-top: 4px;
    }
    .aligncenter,
    img.aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    	margin-bottom: 12px;
    }
    .wp-caption {
    	border: none;
    	background: #f1f1f1;
    	color: #888;
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	margin-bottom: 20px;
    	padding: 4px;
    	-moz-border-radius: 0;
    	-khtml-border-radius: 0;
    	-webkit-border-radius: 0;
    	border-radius: 0;
    }
    .wp-caption img {
    	margin: 5px;
    }
    .wp-caption p.wp-caption-text {
    	margin: 0 0 4px;
    }
    .wp-smiley {
    	margin:0;
    }

    Ik zie alleen de line-through; bij Text Decoration staan, deze heb ik ook ff veranderd in “none” maar dit hielp ook niet.

    Ik heb ook geprobeerd om de code in mijn Custom CSS plugin te plakken maar dat werkt ook niet.

    Heb je nog meer ideeën voor een PHP “nono” ??

    Welk thema gebruik je?

    Thread starter Funnykareltje

    (@funnykareltje)

    kavish

    Ik gebruik het Thema EvoLve

    Dit bestand zoek je
    wp-content/themes/evolve/style.css
    “stylesheet” heet dat ding in de wp theme editor.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Blauwe lijn onder link verwijderen’ is gesloten voor nieuwe reacties.