Plugin Contributor
Ewout
(@pomegranate)
Hi! Technically this is possible with CSS, but it’s a bit of a hack because the logo and shop address are printed in a table rather than aligned from the same base.
You can try this:
.head.container,
.head.container > tr,
.head.container > tr > td,
.head.container > tbody,
.head.container > tbody > tr,
.head.container > tbody > tr > td {
display: block;
}
.head.container {
padding-bottom: 8mm;
}
.head.container td.header {
float: right;
width: 60%;
}
.head.container td.shop-info {
float: left;
width: 40%;
}
But you may need to tweak this further to clear the elements below it.
It is probably easier (if you’re already editing the template anyway) to simply switch the order of the columns:
<table class="head container">
<tr>
<td class="shop-info">
<div class="shop-name"><h3><?php $this->shop_name(); ?></h3></div>
<div class="shop-address"><?php $this->shop_address(); ?></div>
</td>
<td class="header">
<?php
if( $this->has_header_logo() ) {
$this->header_logo();
} else {
echo $this->get_title();
}
?>
</td>
</tr>
</table>
Hope that helps!
Thread Starter
Najm
(@gcsaudi)
Thank you so much @pomegranate
Should the css be added to the custom css in the wordpress customizer? or in the plugin css file?
Thanks
Plugin Contributor
Ewout
(@pomegranate)
WordPress customizer only affects your site. You can either add this to the PDF by using a filter or directly in style.css if you have created a custom PDF template.