CSS Styling in Backend-Project Page

  • Resolved chiaraarmbruster

    (@chiaraarmbruster)


    5 years, 11 months ago

    Hi Peter,

    i have a problem setting a specific height for images added in the project pages, when i am at the data entry form.

    I’ve already tried stuff like:
    table.wpda_simple_table > tbody > tr > td.data div{
    height:150px !important;
    }
    table.wpda_simple_table div#media_container_id img{
    height:150px !important;
    }

    Nothing works. I don’t get the right path to the img i guess. If possible it would be nice to set the height or width of all data-entry-pictures to a specific value.
    Currently if I add big pictures they are displayed with 2000px width, so that the data entry form gets really confusing.

    Thanks in advance.
    Chiara

    PS: I’ve also made a screenshot but I can’t send it in this support-forum.

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

    (@peterschulznl)

    5 years, 11 months ago

    Hi Chiara,

    Welcome back! 🙂

    The styling below is a generic solution that works for me:

    table.wpda_simple_table tbody tr td.data div img {
	height: 30px;
	width: 30px;
}

    You might need to add !important but is better to try without first. Please let me know if this works for you as well…

    Best regards,
    Peter

    Thread Starter chiaraarmbruster

    (@chiaraarmbruster)

    5 years, 11 months ago

    Hi Peter,

    unfortunately it doesn’t work. I inserted this code in you wpda_style.css (in main plugin-folder under assets) and in the custom css file but either way it didn’t work. Also it doesn’t seem to even get overritten, so I guess it isn’t put at the right place or isn’t the right path to the img item.
    Any more suggestions or ideas, where to put the css that it works out?

    Best regards,
    Chiara

    Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    5 years, 11 months ago

    Hi Chiara,

    The plugin css file is probably cached by your browser. The simplest way to refresh is to open the source code of your page, click on the stylesheet, reload it and then reload your page. Hope this helps…

    Best regards,
    Peter

    Thread Starter chiaraarmbruster

    (@chiaraarmbruster)

    5 years, 11 months ago

    Good morning Peter,

    I completely forgot to mention, that your suggestion with the reload of css was correct. I cleared my cache and everything worked.

    Thank you very much! 🙂
    Best regards,
    Chiara

    Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    5 years, 11 months ago

    Great! 🙂 Thank you for your reply.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Styling in Backend-Project Page’ is closed to new replies.