1. frankcl
  2. Gebruikersgroepen Nederland en België
  3. dinsdag 11 juli 2017
Op de website http://www.lisb.nl plaats ik zo veel mogelijk bij een nieuwsbericht foto's; meestal verwijs ik naar een album op Flickr. Echter de verhouding op de site is nu niet zo fraai meer: je ziet heel veel foto's terwijl de kleine kopjes bij de artikelen in het niet vallen tussen al die foto's. Ik wil de koppen graag een andere korpsgrootte geven. Wie weet hoe dit moet? Ik heb wel het een en ander geprobeerd, maar dan verandert álles in korpsgrootte. Ik wil alleen de korpsgrootte van de koppen aangepast hebben.
Rondeb Geaccepteerde antwoord Pending Moderation
Hallo,

in custom css moet je onderstaande code plaatsten.
Of je kunt dit in in k2 aansturen maar daar ben ik niet bekend mee.

div.k2ItemsBlock ul li a.moduleItemTitle {
font-size: 20px;
}


Succes ermee.

Groeten Ron :)
frankcl Geaccepteerde antwoord Pending Moderation
Beste Ron heel hartelijk dank voor de input. Kun je me nog even toelichten waar custom css te vinden is?
Leen Geaccepteerde antwoord Pending Moderation
administrator gedeelte daar op menu extensies > Templates klikken
jou template zoeken en dan aan rechterkant onder dus templates op die van jou klikken
en dan in menu css zou hij ergens moeten staan
Bijlagen
lvda
Rondeb Geaccepteerde antwoord Pending Moderation
Beste Ron heel hartelijk dank voor de input. Kun je me nog even toelichten waar custom css te vinden is?


Zie Leen zijn antwoord dat is de juiste handeling ;)

Thanks Leen :D

Groeten Ron
frankcl Geaccepteerde antwoord Pending Moderation
Toch nog een vraagje, want ik kom er niet uit. Ik zie niet waar ik moet zijn. Het antwoord was:
'administrator gedeelte daar op menu extensies > Templates klikken. Jouw template zoeken en dan aan rechterkant onder dus templates op die van jou klikken en dan in menu css zou hij ergens moeten staan'.
Ik begrijp niet wat bedoeld wordt met 'jouw template zoeken' en 'op die van jou klikken'.
Kun je dit s.v.p. verhelderen?
Rondeb Geaccepteerde antwoord Pending Moderation
Hallo,

leen is er niet maar ik kan je waarschijnlijk ook wel helpen :)

1. Ga naar overzicht templates.
2. In het overzicht heb je aan de rechterkant de/het column genaamd template zie voorbeeld afbeelding met beez3 template/
3. Klik op de naam van jou template dus jsn solid pro en in mijn voorbeeld Beez3
4. Daarna kom je op de volgende pagina daar zie je aan de linkerkant css staan daar op klikken en daar moet je custom.css in staan.
5. Code toevoegen en geheel opslaan.

Een heel verhaal maar waarschijnlijk wel duidelijker voor je.

Succes ermee.

groeten Ron :)
Bijlagen
frankcl Geaccepteerde antwoord Pending Moderation
Dank; zie het. Echter, in dat rijtje met .css op het einde staat bij mij niet custom.css
Van die Beez3 heb ik version 3.1.0. , 25 november 2009, author Angie Radtke http://www.der-auftritt.de
Is dat misschien het probleem omdat dit een oude versie is?
Margriet Geaccepteerde antwoord Pending Moderation
Beez3? Je gebruikt een JSN template (jsn_solid_pro). Als Beez3 tussen je templates staat dan kan je hem beter via Extensies - Beheren verwijderen.
Leen Geaccepteerde antwoord Pending Moderation
Ik denk dat je de uitleg van Ron niet geheel goed heb begrepen de Beez3 bedoelde hij als voorbeeld.
Klik op de naam van jou template dus jsn solid pro zoals in het voorbeeld plaatje van Beez3
en ik denk dat de custum er wel is want ik zie hem met firebug dacht ik
Bijlagen
lvda
frankcl Geaccepteerde antwoord Pending Moderation
Dank. Ik krijg echter volgens mij een andere weergave. In de bijlagen (twee jpg.bestanden) kunnen jullie zien wat ik op het beeldscherm krijg.
Bijlagen
Leen Geaccepteerde antwoord Pending Moderation
plaatjes zijn beetje vaag (ik zelf gebruik in windows 7 en 10 het knipprogramma) maar
heb je dus zie mijn plaatje daar op geklikt . dan moet je zoiets als voorbeeld plaatje 2 krijgen te zien
Bijlagen
lvda
frankcl Geaccepteerde antwoord Pending Moderation
Dank.
Ik heb het gevonden!!
Ik heb alles wat in custom.css staat even hier onder gekopieerd.
Ik vraag me nu af waar ik precies de aanpassing moet doen.
Voor de helderheid nog even: ik wil alleen de nieuwskoppen groter hebben, zie http://www.lisb.nl



/**
* @author JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license JoomlaShine.com Proprietary License
*/
/* =============== LAYOUT - CONTENT AREA =============== */
/* =============== USER BOTTOM AREA =============== */
body.jsn-homepage div.jsn-modulescontainer2 #jsn-pos-user3 {
width: 59%;
}
body.jsn-homepage div.jsn-modulescontainer2 #jsn-pos-user4 {
width: 40%;
border-left: none;
margin: 0;
}
body.jsn-homepage div.jsn-modulescontainer2 #jsn-pos-user3 {
border-right: 1px solid #F0F0F0;
}
body.jsn-homepage #jsn-pos-user3 div.jsn-modulecontainer_inner {
margin: 20px 20px 0 20px;
}
body.jsn-homepage #jsn-usermodules2 {
padding: 0;
}
div#jsn-pos-user-bottom.jsn-modulescontainer div.jsn-modulecontainer_inner {
margin-top: 0;
}
#jsn-content-bottom div.jsn-modulescontainer {
padding-left: 0;
padding-right: 0;
}
#jsn-content-bottom div#jsn-pos-content-bottom.jsn-modulescontainer div.jsn-modulecontainer_inner {
margin-left: 0;
margin-right: 0;
}
#jsn-content-bottom div#jsn-usermodules4.jsn-modulescontainer #jsn-pos-user5 div.jsn-modulecontainer_inner {
margin-left: 0;
}
#jsn-content-bottom div#jsn-usermodules4.jsn-modulescontainer #jsn-pos-user8 div.jsn-modulecontainer_inner {
margin-right: 0;
}
#jsn-content-bottom div#jsn-usermodules4.jsn-modulescontainer div.jsn-modulecontainer_inner {
margin: 15px;
}
#jsn-content-bottom div.jsn-modulescontainer4.jsn-horizontallayout #jsn-pos-user5 div.jsn-modulecontainer {
width: 34%;
}
#jsn-content-bottom div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer {
width: 22%;
}
#jsn-pos-user6 ul li a + a {
padding: 0 0 0 25px;
}
body.jsn-direction-rtl #jsn-pos-user6 ul li,
body.jsn-direction-rtl #jsn-pos-user6 ul li a,
body.jsn-direction-rtl #jsn-pos-user6 ul li a span {
float: right !important;
}
#jsn-content-bottom .demo-gmap .jsn-modulecontent > div > div {
border: 5px solid #FFFFFF;
}
#jsn-content-bottom #demo-contact-form input,
#jsn-content-bottom #demo-contact-form textarea {
background-color: #FFFFFF;
border: medium none;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px #D9D9D9;
color: #7E7E7E;
margin: 0 6px 10px 0;
padding: 9px;
}
body.jsn-direction-rtl #jsn-content-bottom input,
body.jsn-direction-rtl #jsn-content-bottom textarea {
margin-left: 0px;
margin-right: 6px;
}
#jsn-content-bottom #demo-contact-form input {
font-size: 0.9em;
}
#jsn-content-bottom #demo-contact-form input + input {
margin-right: 0;
}
#mod-finder-searchword.inputbox {
font-size: 0.9em;
}
#mod-finder-searchform a{
font-size: 0.9em;
float: right;
margin: 15px 0 0;
}
#mod-finder-searchform .finder {
position: relative;
}
#jsn-page #mod-finder-searchform .finder.button {
background: url("../images/icons/icons-uni.png") no-repeat scroll left -1200px;
border: medium none;
box-shadow: none;
opacity: 0.4;
position: absolute;
right: 5px;
text-indent: -999em;
top: 10px;
}
/* SUBSCRIPTION FORM AREA */
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master form {
width: 298px;
float: left;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master label {
color: #333333;
font-family: Lato;
font-size: 13px;
text-transform: uppercase;
margin-top: 15px;
font-weight: normal !important;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master label.checkbox {
text-transform: none;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content select {
height: 30px;
font-size: 12px;
}
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master label {
display: none;
}
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content {
color: #fff;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content .jsn-row-container {
margin: 0;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-subscribe-form-desc {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 2.5em;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 5px;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content .control-group {
padding: 0 !important;
border: none !important;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content input[class*="jsn-input"],
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content textarea {
background-color: #FFFFFF;
border-radius: 2px;
color: #7E7E7E;
margin: 0 0 10px;
padding: 9px;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content input[class*="jsn-input"],
#jsn-content-bottom div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content textarea {
border: medium none;
box-shadow: 0 1px #D9D9D9;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content input,
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content select,
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content textarea {
font-size: 0.9em;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .jsn-form-content .control-group.ui-state-highlight {
background: none !important;
box-shadow: none;
padding: 0 15px;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions {
margin: 0;
padding: 0;
text-align: left;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions .btn-toolbar {
margin: 0;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions .btn-toolbar .jsn-form-submit {
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 2px solid #93b62a;
color: #333;
cursor: pointer;
display: inline-block;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
padding: 8px 12px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
margin: 0;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .form-actions + .jsn-text-center {
display: none;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc {
float: right;
width: 400px;
margin-left: 30px;
color: #fff;
font-family: 'Open Sans',Arial, Helvetica, sans-serif;
font-weight: 100;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc h3 {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 2.5em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
margin: 0 0 20px;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc .desc {
font-size: 1.1em;
}
div.jsn-modulecontainer.demo-newsletter-form .jsn-uniform.jsn-master .demo-contact-desc a:hover {
color: #fff;
}

/*-------- CONTENT TOP --------*/

.jsn-modulecontent .demo-content-top-img {
width: 65px;
display: block;
float: left;
text-align: right;
padding-right: 15px;
}
.jsn-modulecontent .demo-content-top-img img {
display: inline-block;
margin: 0;
float: none;
max-width: 100%;
min-width: 0%;
}
.jsn-modulecontent .demo-content-top-desc {
margin-left: 80px;
}
.jsn-modulecontent .demo-content-top-desc h3 {
margin-bottom: 10px;
}

/*-------- NEWS & EVENTS --------*/

.jsn-modulecontent .demo-events {
display: inline-block;
clear: both;
border-bottom: 1px solid #DDD;
padding: 20px 0 0;
}
.jsn-modulecontent .demo-events:last-child {
border-bottom: none;
}
.jsn-modulecontent .demo-events-img {
width: 140px;
display: block;
float: left;
text-align: left;
padding-right: 15px;
padding-bottom: 20px;
}
.jsn-modulecontent .demo-events-img a {
display: inline-block;
}
.jsn-modulecontent .demo-events-img img {
display: inline-block;
margin: 0;
float: none;
max-width: 100%;
}
.jsn-modulecontent .demo-events-desc {
margin-left: 155px;
padding-bottom: 12px;
}
.jsn-modulecontent .demo-events-desc h3 {
margin-bottom: 10px;
margin-top: 0;
}

/****** STUDENTS HIGHLIGHT ******/
.jsn-modulescontainer .jsn-modulecontent {
overflow: hidden;
}


Edit hvdmeer: codetags toegevoegd
Leen Geaccepteerde antwoord Pending Moderation
Als je de code van Ron

div.k2ItemsBlock ul li a.moduleItemTitle {
font-size: 20px;
}

plakt in custom.css ergens bij regel 8 dus gelijk onder de regels onder USER BOTTOM AREA
en opslaan niet vergeten moet het goed komen als je het tenminste zoals in voor beeld plaatjes wil hebben
als de letters te groot zijn maakt je getal font-size kleiner en moet groter dan hoger
Bijlagen
lvda
frankcl Geaccepteerde antwoord Pending Moderation
Dank voor de moeite.
Ik heb het precies zo gedaan maar er gebeurt niks.
Is het niet raar dat je daar zelf iets voor moet invullen?
Zou je niet ergens gewoon iets moeten aanpassen?
Hans van der Meer Geaccepteerde antwoord Pending Moderation
Moderator
Ik heb je lap code even tussen codetags geplaatst frankcl, zou je dat de volgende keer direct kunnen doen? :D
JDoc-vertaler, JPatch tester, JUG-organisator, moderator
Eigen site: http://www.hierbenikthuis.nl en van mijn loopgroep: http://www.loopgroep-arnhemia.nl
Assistant Team Leader van het Joomla Social Media Team
Leen Geaccepteerde antwoord Pending Moderation
Wat ik zo nu ziet is dat het invoegen van de code niet gelukt is hij staat nog niet in custom.css
dus mogelijk ben je vergeten om na het invoegen het bestand weer op te slaan.
en anders zal je even met een ftp programma dat bestandje naar je pc moeten halen
en het dan aan te passen met bv notepad++ en daarna weer te uploaden naar de juiste plek
lvda
Rondeb Geaccepteerde antwoord Pending Moderation
Zoals Leen al meld staat hij er (nog) niet in.
http://www.lisb.nl/templates/jsn_solid_pro/css/custom.css

Wanneer je er zeker van bent dat je de code wel hebt toegevoegd en hebt opgeslagen dan kan je het beste de cache van je site even opschonen.

Groeten Ron :)
frankcl Geaccepteerde antwoord Pending Moderation
cache van de site opschonen...
Hoe doe je dat?
Hans van der Meer Geaccepteerde antwoord Pending Moderation
Moderator
1. In de beheerszijde klik je op het menu Systeem en daarna op Wis cache.0
2. Download Cache cleaner van Regular labs. Die regelt vrijwel altijd dat de cache geleegd wordt.
JDoc-vertaler, JPatch tester, JUG-organisator, moderator
Eigen site: http://www.hierbenikthuis.nl en van mijn loopgroep: http://www.loopgroep-arnhemia.nl
Assistant Team Leader van het Joomla Social Media Team
Patrick Smits Geaccepteerde antwoord Pending Moderation
Gebruikersgroep regio Utrecht
Even terugkomend op de vraag of je niet iets moet aanpassen. Het antwoord is liever niet, want bij een update van de template zal de aanpassing worden overschreven door de update. Het is gebruikelijk om de custom.css te laten overheersen over de template css zodat bij een update je niet telkens de code hoeft aan te passen. Css leest in een bepaalde volgorde als hij later een zelfde class met een andere instelling tegenkomt wordt de laatste gebruikt. Het is dus beter om aanpassingen te laten overheersen dan dat je de basis bestanden van een template gaat aanpassen.

Ik zie dat de aanpassing inmiddels is gelukt, denk dat deze op opgelost kan?
  • Pagina :
  • 1
  • 2


Er zijn nog geen reacties op dit bericht.
U mag echter niet reageren op dit bericht.