Hover Categorie

Hi,

1) Laatst is er een topic door Veraa geopend over de hover afbeeldingen voor bij een categorie. Ze was me werkelijk een dag voor, aangezien een andere code die ik op dit forum gevonden had niet werkte. Maar (de snelle) ik kwam er net achter dat ik de afbeeldingen wel gewoon kon vergroten naar gelieve alleen de 'opacity' vergoot niet mee. Onder bericht een afbeelding.

2) In de afbeelding heb ik ook 'Kasteel Sabbor' omrand (dit is dus de naam van het categorie). Is er een mogelijkheid om deze in het midden van het vakje te plaatsen of te verwijderen?

Je hebt in je css staan dat de hoogte van dit element 55px moet zijn. Als je dit aanpast naar 100% zou dit al meteen opgelost moeten zijn.

Code:

.achtergrond_forum .tekst {
  -moz-transition-duration: .6s;
  -o-transition-duration: .6s;
  -webkit-transition-duration: .6s;
  background: rgba(255,255,255,0.7);
  height: 100%;
  opacity: 0;
  padding: 3px;
  text-align: center;
  transition-duration: .6s;
}

1 is opgelost, bedankt!

Ow had over het tweede puntje gekeken

Ik vermoed dat je dit enkel wilt bij de categorieën, hierdoor ga je enkel bij specifieke elementen de titel weg willen dus ga je je css ook specifiek moeten maken.

Voor het geval van Kasteel Sabbor kan je onderstaande css gebruiken:

Code:

a.forumlink[href*="/f10"] {
  display: none;
}

Wanneer je ook een tweede wilt weg doen, doe je gewoon hetzelfde:

Code:

a.forumlink[href*="/f10"], a.forumlink[href*="/f11"] {
  display: none;
}

No problem

Beide code's zorgen er bij mij voor dat het weggaat. Na ik dat gezien heb vind ik dat niet echt mooi, sorry. Misschien weet jij of er iets aan gepast kan worden dat de tekst naar het midden gaat (en misschien ook het lettertype kan veranderen)?

Hmm, voor dat element te centreren zou je een element ietsje hogerop moeten aanroepen. Maar aangezien je pas ziet wanneer het gecentreerd moet zijn lager te voorschijn komt kan je dit niet meer met de css bij mijn weten. Daarom zou ik een kort javascriptje gebruiken dat ervoor zorgt dat je regio gecentreerd wordt.

Plaats dit javascriptje en zorg dat het werkt op de indexpagina.

Code:

jQuery(document).ready(function () {
$('.achtergrond_forum').closest('.row1.over').css('textAlign','center');
});

Normaal gezien als je nu zou kijken op je indexpagina is je titel al gecentreerd. Het lettertype kunnen we wel aanpassen met css.

Code:

a.forumlink[href*="/f10"] {
  font-family: 'New Times Roman';
}

Je weet het wel te zeggen wanneer het toch niet blijkt te werken of je nog andere problemen ondervindt.