Archief - Wordpress - Achtergrond Post aanpassen

Tomek · 5 jan 2012

Ik heb een WP thema aangekocht en er zelf al mee liggen prutsen.
Nu heb ik nog 1 probleem waar ik maar niet uitraak:
Hoe pas ik de achtergrond van mijn "posts" aan (alsook de fontkleur van mijn posts).
Het is de enige kleur die ik nergens kan aanpassen.

Kan iemand hier mij een tip geven hoe ik dit het eenvoudigst kan aanpassen? Het is volgens mij iets doodsimpel, maar heb mij er al UREN op verkeken ...

De achtergrond is wit en heeft een blauwe header ... Hoe en waar kan ik dit ergens aanpassen?

Alvast superbedankt voor jullie hulp.

Dastardly · 6 jan 2012

poplife.css (wp-content/themes/theme-poplife76v2/poplife.css) -> regel 316 :

HTML:

#content .post {
background: white;
width: 570px;
color: #454545;
float: left;
padding: 15px;
}

background en color daar aanpassen.

-BVR- · 6 jan 2012

(color is de kleur van uw tekst, voor als je dat niet wist

)

Tomek · 8 jan 2012

Bedankt voor je feedback, maar ik vind niet waar je op doelt.
Ik gebruik PopLife 56 Child Theme

Ik zal even de css.php hieronder posten. Kan je hier wat mee?

<?php
require_once('../../../wp-config.php');

require_once( dirname(__FILE__) . '/functions.php');
header("Content-type: text/css");
global $options;

?>

<?php $rt_hd_panel_options = get_option('rt_hd_panel_options');?>

<?php
$Aloha_bg_image = get_bloginfo('stylesheet_directory').'/images/'.$rt_hd_panel_options['background'];
?>

body{background: #000<?php if($rt_hd_panel_options['background'] == "") { ?> url(<?php get_bloginfo('stylesheet_directory');?>/images/background.jpg) <?php } else { ?> url(<?php echo $Aloha_bg_image; ?>)<?php } ?> repeat-x top center fixed !important;
}

/* Version 2 updates */

/* Top Menu*/
#topNav li a:hover span{background:<?php if($rt_hd_panel_options['menu_bg'] == "") { ?>
<?php echo "#871898"; } else { ?>
<?php echo $rt_hd_panel_options['menu_bg']; ?><?php } ?> !important;

color: <?php if($rt_hd_panel_options['menu_hover_bg'] == "") { ?>
<?php echo "#fff"; } else { ?>
<?php echo $rt_hd_panel_options['menu_hover_bg'];?><?php } ?> !important;
}

/* Post Headings */
#content .post h2 a {color:<?php if($rt_hd_panel_options['menu_text'] == "") { ?>
<?php echo "#fff"; } else { ?>
<?php echo $rt_hd_panel_options['menu_text'];?><?php } ?> !important;
}

/* Sidebar headings */
#sidebar h3 {color: <?php if($rt_hd_panel_options['menu_hover_text'] == "") { ?>
<?php echo "#fff"; } else { ?>
<?php echo $rt_hd_panel_options['menu_hover_text'];?><?php } ?> !important;
}
#sidebar h3 a {color: <?php if($rt_hd_panel_options['menu_hover_text'] == "") { ?>
<?php echo "#fff"; } else { ?>
<?php echo $rt_hd_panel_options['menu_hover_text'];?><?php } ?> !important;
}

/* Metatags */
#content .post .postMeta a{ color: <?php if($rt_hd_panel_options['menu_hover_text'] == "") { ?>
<?php echo "#fff"; } else { ?>
<?php echo $rt_hd_panel_options['menu_hover_text'];?><?php } ?> !important;
}

/* Show Left Widget Heading*/

#widgetme h3{color: <?php if($rt_hd_panel_options['menu_hover_text'] == "") { ?>
<?php echo "#00FF1E"; } else { ?>
<?php echo $rt_hd_panel_options['menu_hover_text'];?><?php } ?> !important;
}

/* Post Top Border Color*/
#content .postMain, #content .postMain .post .postMeta, .navigation a {background:<?php if($rt_hd_panel_options['menu_bg'] == "") { ?>
<?php echo "#232A4C"; } else { ?>
<?php echo $rt_hd_panel_options['menu_bg']; ?><?php } ?> !important;}

FurtiveDuck · 8 jan 2012

Kijk eens even of er nergens anders nog een .css erbij zit. Dit kan onmogelijk de volledige stylesheet zijn.

silent785 · 8 jan 2012

Staat hij online? Via Google Chrome's Developer tools of Firefox Developer bar kun je het makkelijk identificeren.

Tomek · 9 jan 2012

FurtiveDuck: Dit is style.css

@import url("../theme-poplife76v2/child.css");

/* Theme Option settings PopLife84*/
@import url("css.php");

@font-face {
font-family: 'JournalRegular';
src: url('fontface/journal-webfont.eot');
src: url('fontface/journal-webfont.eot?#iefix') format('embedded-opentype'),
url('fontface/journal-webfont.woff') format('woff'),
url('fontface/journal-webfont.ttf') format('truetype'),
url('fontface/journal-webfont.svg#JournalRegular') format('svg');
font-weight: normal;
font-style: normal;

}
#content .taghead{font-family:"JournalRegular" !important;font-size:32px;color:#fff;}
#content .post h2 a {font-family:"JournalRegular" !important;font-size:32px;color:#232A4C;}
.post h1{font-family:"JournalRegular";font-size:36px;color:#232A4C;}
#foot h3{float:left; margin:0px 5px 10px 0px;padding:10px;font-family:"JournalRegular";font-size:26px;width:280px;color:#AE9B74 !important;}
#sidebar h3{float:left; font-size:19px;width:300px;margin:20px 5px 15px 0px;background:#232A4C;padding:10px;font-family:"JournalRegular";font-size:32px;}

/* Main Structure */
a {
color:lightblue ;
text-decoration:none;
}
.main {
width:960px;
background:url(images/bgMain.png) left top no-repeat;
margin:0 auto;
}
#widgetme{padding:10px; width:480px; height:auto; background:#transparent url(images/widgetme-bg.jpg) no-repeat; ;}
.mainsub {
width:960px;
background:url(images/bgMainsub.png) left top no-repeat;
margin:0 auto;
}
#topNav li a span {
display:block;
line-height:10px;
background-color:transparent;
background-image:url(images/catbg.png);
background-repeat:repeat-x;
background-attachment

croll;
background-position:right top;
padding:50px 30px 10px 10px;
}
#content .postFoot {
display:none;
}

/* Footer */
#footOut {
clear:both;
width:960px;
padding:10px 0 0;
}
.commentsMain .commWrap {
background:url(images/postTop.png) left top no-repeat;
width:600px;
padding:9px 0 0;
}
.commentsMain .commFoot {
background:url(images/postBot.png) left top no-repeat;
height:19px;
}
ul.social li a.twitter,ul.social li a:hover.twitter {
background:url(images/twitter.png) no-repeat top;
display:block;
height:32px;
width:32px;
}

ul.social li a.facebook,ul.social li a:hover.facebook {
background:url(images/facebook.png) no-repeat top;
display:block;
height:32px;
width:32px;
}

ul.social li a.myspace,ul.social li a:hover.myspace {
background:url(images/gplus.gif) no-repeat top;
display:block;
height:32px;
width:32px;
}

ul.social li a.linkedin,ul.social li a:hover.linkedin {
background:url(images/linkedin.png) no-repeat top;
display:block;
height:32px;
width:32px;
}

ul.social li a.rss,ul.social li a:hover.rss {
background:url(images/rss.png) no-repeat top;
display:block;
height:32px;
width:32px;
}
ul.social li a.youtube,ul.social li a:hover.youtube {
background:url(images/youtube.png) no-repeat top;
display:block;
height:32px;
width:32px;
}

#logo h2 a{font-family:"JournalRegular"; color:#fff!important; font-size:30px;text-shadow: 3px 3px 0px #000, 5px 5px 0px #707070;}
#logo p{color:#fff;font-family:verdana,helvetica,sans-serif;}

#top ul#mainNav li a {background:#000;}
#top ul#mainNav li a:hover, .current_page_item a, .current-menu-item a {background:#232A4C !important;}
#mainSearch {display:none;}
#show {margin-bottom:25px;}

@ Silent785: ** TESTSITE ** Dj Tomek

Dieterg · 9 jan 2012

Ga in uw windowsverkenner naar volgende map: djtomek(naam wordpress map)->wp-content->themes->theme-poplife76v2/poplife.css

Rechtermuisknop op poplife.css, openen in kladblok. Zoek daar naar volgende regel:

PHP:

#content .post {
background: white;
width: 570px;
color: #454545;
float: left;
padding: 15px;
}

Verander daar color en background-color naar uw gewenste kleur. Upload deze file naar uw website in dezelfde folder..

Tomek · 9 jan 2012

Jullie zijn genies !!!
Super bedankt voor de uitstekende hulp.

Tomek · 10 jan 2012

Ik heb nog een vraagje

In onderstaand screenshot zie je dat er na elke post van me, een balk komt te staan met daarin "posted in ..., comments: ...".
Ik heb geen idee hoe ik dit kan verwijderen. (de kleur etc kan ik veranderen in de .css maar in die sheet vind ik nergens iets waar ik bovenstaande kan verwijderen).
Ik vermoed dat dit misschien in .php sheet moet?
Klopt dit?

Screenshot

Dastardly · 10 jan 2012

normaal gezien ga je inderdaad de php moeten aanpassen die dat stukje html daar gaat zetten.

een andere oplossing is gewoon die div verbergen met CSS. gewoon het volgende onderaand uw CSS bestand waar ge dat vorige hebt aangepast zetten:

HTML:

.postMeta { visibility: hidden; height:0px; }

maar ik zou eerder voor de 'deftige' optie gaan en er voor zorgen dat die html er gewoon niet meer gezet word.

-BVR- · 10 jan 2012

Dastardly zei:
normaal gezien ga je inderdaad de php moeten aanpassen die dat stukje html daar gaat zetten.

een andere oplossing is gewoon die div verbergen met CSS. gewoon het volgende onderaand uw CSS bestand waar ge dat vorige hebt aangepast zetten:

HTML:

.postMeta { visibility: hidden; height:0px; }

maar ik zou eerder voor de 'deftige' optie gaan en er voor zorgen dat die html er gewoon niet meer gezet word.

Waarom niet gewoon

HTML:

.postMeta {display: none;}

?

Tomek · 10 jan 2012

excellent guys! Zoals je al wel merkt heb ik er geen kaas van gegeten (daarom ook dat ik een theme gekocht heb, maar blijkbaar wil je dit al snel aanpassen en voor elke aanpassing vragen die mannen geld ...). Dus nog eens bedankt.

Nu heb ik een, voorlopig, laatste request. Waar ik mij in het totaal al een dik uur op suf zit te zoeken.

De titels van mijn posts staan altijd links uitgelijnd.
Wanneer ik in wordpress de titel schrijf, is er geen optie om dit (eventueel) met html aan te passen (in mijn posts gaat dat wel).

Bestaat er een manier om dit toch gecentreerd te krijgen?
Via element inspecteren geraak ik tot onderstaande, maar dat is weer php en daar snap ik helemaal niets van.

Screenshot

Senn0 · 10 jan 2012

style.css lijn 32:

Code:

#sidebar h3{float:left; font-size:19px;width: 200px;margin:10px 5px 15px 0px;background:#232A4C;padding: 0 0 0 100px;font-family:"JournalRegular";font-size:32px;}

Dus padding(left) op 100px zetten en breedte aanpassen

Weet niet als dat de beste manier is maar het werkt toch

-BVR- · 10 jan 2012

Weer in je css-bestand:

zoeken naar #sidebar h3 en daar dit toevoegen:

Code:

text-align: center;

dan krijg je zoiets:

Code:

#sidebar h3 {
text-align: center;
...
}

Senn0: beter text-align gebruiken.

Senn0 · 10 jan 2012

BramVroy zei:
Weer in je css-bestand:

zoeken naar #sidebar h3 en daar dit toevoegen:

Code:

text-align: center;

dan krijg je zoiets:

Code:

#sidebar h3 { text-align: center; ... }

Senn0: beter text-align gebruiken.

just, da bestaat ook!

Tomek · 10 jan 2012

Prachtig Prachtig ... Bedankt

Tomek · 10 jan 2012

BramVroy zei:
Waarom niet gewoon

HTML:

.postMeta {display: none;}

?

Heb ik dus gedaan en inderdaad die blauwe comment balk is weg.
de oplossing die je (jullie) me gegeven hebben, zorgt ervoor dat die gewoon "invisible" is?
Want ik heb nu een zwart vlak waar die blauwe balk stond.
Met als gevolg dat mijn footer dus nogal laag staat

Screenshot

-BVR- · 11 jan 2012

Code:

#content .navigation {display: none; margin: 0;}

Tomek · 12 jan 2012

Bram - bedankt nogmaals. Ik owe u al zoveel ...

Nog eentje dan om het af te leren

Standaard heeft mijn theme enkel de optie om de slider tot in het midden van de pagina te laten gaan. (daarnaast kan je nog html of een player instellen).
Nu wil ik eigenlijk over de gehele pagina een slider hebben (met foto's).
Ik heb al uitgedokterd hoe ik dit kan doen, maar door een of ander commanda worden mijn images altijd automatisch resized naar een vooraf bepaalde grootte.

Heb echt al overal liggen zoeken, maar ik vind nerges het commando waar men de image standaard op 500px op 300px zet.

Kan iemand mij nogmaals helpen aub?

Screenshot

Bedankt.

Archief - Wordpress - Achtergrond Post aanpassen

Tomek

Legacy Member

Dastardly

Legacy Member

-BVR-

Legacy Member

Tomek

Legacy Member

FurtiveDuck

Legacy Member

silent785

Legacy Member

Tomek

Legacy Member

Dieterg

Legacy Member

Tomek

Legacy Member

Tomek

Legacy Member

Dastardly

Legacy Member

-BVR-

Legacy Member

Tomek

Legacy Member

Senn0

Legacy Member

-BVR-

Legacy Member

Senn0

Legacy Member

Tomek

Legacy Member

Tomek

Legacy Member

-BVR-

Legacy Member

Tomek

Legacy Member