• Resolved mlapl1

    (@mlapl1)


    Hello
    I am probably in too much of a hurry, but I would like to adjust the width of each column produced by the shortcode from the data publisher. Is there a simple way to achieve this? If it requires css coding, would you please tell me exactly where to put it?
    This should give me enough to get on with what I need right now. After that I will spend more time reading the docs.
    Thank you
    Andrew

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    Hi Andrew,

    Adding CSS to a specific column in a publication is very easy. A TD element is added for each column. If you view the HTML code you’ll see that the column name is added as a CSS class to each TD tag. This allows you to style column first_name for example like this:

    td.first_name {
        color: red !important;
        width: 300px;
    }

    >>> In some cases you might need to add the !important rule.

    Be carefull changing the column width!! If your publication is defined as responsive and you manually change the column width through CSS, your output will not be consistent. You should only change the column width with CSS for flat publication. Not for responsive publications.

    Does this help?
    Peter

    Thread Starter mlapl1

    (@mlapl1)

    Thank you Peter and see my comments on the other message.
    I am not quite sure where to place the code that you mention. logically, it would go inside the WP page containing the shortcode.
    cheers
    andrew

    Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    Hi Andrew,

    You can add the custom CSS for your publication to your CSS theme:
    – Open your WordPress dashboard
    – Click Appearance > Customize
    – Click Additional CSS
    – Add your CSS and save

    Alternatively:
    https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Please let me know if this helps,
    Peter

    Thread Starter mlapl1

    (@mlapl1)

    OK. … so it is in “appearance”…
    I hope that these pieces of information bring the avalanche of questions to an end. Things will improve too as I become more familiar with the plugin.

    Thank you

    Andrew

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change width of columns’ is closed to new replies.