Pique theme messes with the look

  • Resolved charliwest

    (@charliwest)


    7 years, 7 months ago

    Hello,
    I would like to use the Pique theme, but it really seems to mess with the style of beerXML ShortCode.
    You can see here https://westsidebrewing.pw/?page_id=223 what I mean.
    I know I may also need to speak to the Pique people of course, but maybe you have seen this before and know a fix/work around?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Derek Springer

    (@derekspringer)

    It’s likely that the theme doesn’t have specific styling for HTML table elements, which isn’t too hard to fix. If you’re using the Jetpack plugin (which I recommend), you can use the Customize CSS module to easily add some styling for your tables. The challenge then is finding styling you like ??

    For a starting point, here’s the styling for my theme’s tables which is nice and clean. I’d also recommend doing a search on Google for “CSS Table Designs” and copying the style of any designs you like.

    table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
	padding: 0.6rem 0;
}
    Thread Starter charliwest

    (@charliwest)

    Worked perfectly! thanks for the quick response as well!

    Plugin Author Derek Springer

    (@derekspringer)

    Glad to help, happy brewing! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Pique theme messes with the look’ is closed to new replies.