Dealsaanbod op index niet te klein weergeven

Opgelost tamz88
(@tamz88)

9 jaren, 2 maanden geleden

Ik gebruik wordpress 4.1.1.

De website is een dealswebsite welke dagelijks nieuwe deals aanbiedt. Ik werk met een template wat ervoor zorgt dat ik de deals welke zich verzamelen op één website alleen kan weergeven op de index pagina met de volgende code:

[hr style=”3″ margin=”10px 0px 10px 0px”]

[deals deals=”4″ title=”Alle Deals” show_title=”yes” columns=”3″]

Op de mobiele versie is het dan eigenlijk zo dat de titels van de deals onleesbaar raken, omdat ze deels wegvallen. Is iemand die mij kan helpen de normale grote van de deals te weergeven op de indexpagina?

15 reacties aan het bekijken - 1 tot 15 (van in totaal 17)

1 2 →

Ruurd de Wind
(@geoclaps)

9 jaren, 2 maanden geleden

Een link van je site zou handig zijn daar gezien we nu niet weten welke elementen de titel omsluiten. Normaals gesproken sluit je titels in met een H1, H2, H3, H4, enz.

Tevens weten we niet welke module je precies gebruikt hiervoor. De module die jij omschrijft maakt gebruik van een shortcode waarmee je een 3 koloms overzicht maakt met daarin 4 aanbiedingen(?).

Wederom we weten dan niet welke elementen hieromheen zitten.

Link van je site zou een mooi begin zijn.

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

http://www.kinddeals.nl
Ik werk met WPGroupbuy. Ik ben geen programmeur, waardoor ik niet volledig weet welke items je nodig hebt 🙂

Ruurd de Wind
(@geoclaps)

9 jaren, 2 maanden geleden

Excuus, dacht dat je het admin gedeelte weg gaf 🙂

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

haha ik schrik me rot!

Ruurd de Wind
(@geoclaps)

9 jaren, 2 maanden geleden

Ja ik ook 🙂 sorry, had even iets verder moeten kijken dan mijn neus lang is.

In je shortcodes.css zie je op regel 937 de volgende class staan:

.sc-deal-item .sc-deal-title {
     height: 42px;
     …
}

Maak van 42px eens 70px en probeer hem nog eens op een mobiel te bekijken.

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

Dit klinkt werkelijk heel dom, maar hoe ik daar moet komen weet ik niet. 😛

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

toch bedankt voor de hulp alvast.

Ruurd de Wind
(@geoclaps)

9 jaren, 2 maanden geleden

Via Weergave > Editor kun je ook naar style.css gaan (staat in editor helemaal rechts tussen een aantal andere files) en het volgende toevoegen om te kijken of daarmee je probleem opgelost is:

.sc-deal-item .sc-deal-title {
     height: 70px !important;
}

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

Wauw dankje, ik ga het proberen

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

Ik heb gekeken, gekopieerd naar word en daar gezocht naar 42px en deal-item, maar beiden zijn niet op deze manier terug te vinden in het bestand van shortcodes.

De 42px is alleen te vinden in de font

function wpg_googlefont( $atts, $content = null) {
extract( shortcode_atts( array(
‘font’ => ‘Swanky and Moo Moo’,
‘size’ => ’42px’,
‘margin’ => ‘0px’
), $atts ) );

Het enige met deal-item is:
$out .= ‘<div class=”sc-deal-item ‘.$return.’ columns”>’;

$link = ‘‘;
if ( has_post_thumbnail()) {

$deal_thumbnail= wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘eight-columns’ );

Ruurd de Wind
(@geoclaps)

9 jaren, 2 maanden geleden

Hielp de toevoeging aan je css niet dan?

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

De eerste kon ik niet vinden, de tweede werkt niet helaas.

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

Ik heb hem ook bij de thema-opties / klant css ingevoerd, maar de uitkomst blijft hetzelfde.

Ruurd de Wind
(@geoclaps)

9 jaren, 2 maanden geleden

Ik heb de css in de style.css gezet (via mijn eigen browser) maar dit werkt gewoon..

http://i61.tinypic.com/29nii3r.png

Thread starter tamz88
(@tamz88)

9 jaren, 2 maanden geleden

Ze moeten hetzelfde formaat krijgen van de deals op de losse dealspagina.

Zodat op ze op de telefoon een volledig formaat tonen.

15 reacties aan het bekijken - 1 tot 15 (van in totaal 17)

1 2 →

Het onderwerp ‘Dealsaanbod op index niet te klein weergeven’ is gesloten voor nieuwe reacties.

Dealsaanbod op index niet te klein weergeven

Onderwerptags

Weergaven