Formating on the detail page

  • SteveHale

    (@stevehale)


    9 months ago

    The formating of the calendars under the main hotel picture shows 2 months, then a big white space then the thrid month on a new line.

    How do I get it to show 3 months in a line? So a year only takes up 4 rows?

    Regards

    Steve B

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author e4jvikwp

    (@e4jvikwp)

    Hello Steve,
    thank you for your message.

    I can see you have now 4 months, but if you want to go back to 3, please, add the following CSS code in the Vik Booking > Global > Configuration > Views and Layouts > “Custom CSS Overrides” parameter.

    .vbcalsblock {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 20px;
}
.vbcaldivcont {
	width: 100%;
	padding: 0;
}

    With this code you solve the problem.

    Best Regards,
    VikWP Team

    Thread Starter SteveHale

    (@stevehale)

    Thanks for the CSS.

    I actually uses Site Origins Custom CSS to shrink the calendar squares so three fitted in each row. I’ll check out your CSS as well.

    Thank you.

    Steve B

    Thread Starter SteveHale

    (@stevehale)

    Ah I am getting an error:

    Expected RBRACE at line 7, col 56.
    Unknown property ‘gap’.

    Steve B

    Plugin Author e4jvikwp

    (@e4jvikwp)

    Hello,
    the CSS code syntax is correct, I don’t know what is causing this error. Please add this code on the Global > Configuration > Views and Layouts > “Custom CSS Overrides” parameter as suggested and everything should work fine.

    Best Regads,
    VikWP Team

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Formating on the detail page’ is closed to new replies.