Hi Phonetic,
You can always add your own CSS to target specific devices. For example, you can add your own custom CSS between the bracketed areas below. Then just copy it into the code section in the theme panel (you don’t have to just use the widths set out in the “Advanced code” section).
Cheers,
John
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
ADD CSS YOU WANT TO CHANGE
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
ADD CSS YOU WANT TO CHANGE
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
ADD CSS YOU WANT TO CHANGE
}
Worked it out. For those who find this thread and want to change the feature image size.
First add the new size to the td_config first (code above) then find your post template style. I was using the post style template 1, which is located here (not sure why they’re called loop single!):
/wp-content/themes/Newspaper/loop-single-1.php
On line 51, change:
echo $td_mod_single->get_image('medium');
TO
echo $td_mod_single->get_image('td_326x200');
Change the TD reference to whatever size you have already added to the tp_config file.
Regenerate your thumbnails and it should be there.
Cheers,
John
