CSS CONFLICT

welby
welby
Offline
0
Hi,

I am having trouble with CSS with my current Theme.

Please see attached image.

Many thanks.
Attachments:
Responses (17)
  • Accepted Answer

    welby
    welby
    Offline
    Wednesday, June 08 2016, 07:23 AM - #Permalink
    0
    Happy to give FTP access is this can be sorted - please?
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Wednesday, June 08 2016, 08:11 AM - #Permalink
    0
    Hello welby,

    If you want, you can send me a link and access to the view and ftp access to joan@ joomlathat.com and I will help you achieving a good looking page.

    Thanks,
    Joan
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Wednesday, June 08 2016, 09:21 AM - #Permalink
    0
    Joan - I have sent you a PM
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Wednesday, June 08 2016, 09:57 AM - #Permalink
    0
    These are the changes I've done:

    components/com_invoices/views/invoices/tmpl/default.php line 116

    <h1><?php echo JText::_('PAYMENTS_TITLE'); ?></h1>


    components/com_invoices/assets/styles.css end of file

    /* ----------------- CUSTOM ----------------- */

    td {
    border-bottom: 0 !important;
    }

    .paymenthover {
    background-color: transparent !important;
    }

    .table tbody tr.success td {
    background-color: transparent !important;
    }
    .table tbody tr.success:hover td, .table tbody tr.success.paymenthover td {
    background-color: transparent !important;
    }

    .table tbody tr.warning td {
    background-color: transparent !important;
    }
    .table tbody tr.warning:hover td, .table tbody tr.warning.paymenthover td {
    background-color: transparent !important;
    }

    .table tbody tr.error td {
    background-color: transparent !important;
    }
    .table tbody tr.error:hover td, .table tbody tr.error.paymenthover td {
    background-color: transparent !important;
    }

    tr.footfinances td {
    background-color: transparent !important;
    }
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Wednesday, June 08 2016, 10:21 AM - #Permalink
    0
    Hi Juan,

    thank you - appreciated - but there is not a table background for the invoice section.
    Also could you make the background of the tables white so that the text can be read?
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Wednesday, June 08 2016, 10:22 AM - #Permalink
    0
    Hi Juan,

    aorry I meant the quote section does not have a table background
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Wednesday, June 08 2016, 11:28 AM - #Permalink
    0
    Hi again,

    In the screenshot attached to your question the invoices and the payments tables had a light background that made the text unreadable. So what I did was to make all the tackgrounds transparent as you have a light font color and a dark background.

    If I set a light background for the tables, you probably won't be able to read their content right? I'm not sure to understand what you demand.

    Thank you,
    Joan
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Wednesday, June 08 2016, 12:11 PM - #Permalink
    0
    Hi Juan,

    the text is hard to read - the logos look "Washed out" and there is no background table on the bottom section.
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Wednesday, June 08 2016, 01:31 PM - #Permalink
    0
    Hi Joan,

    really appreciate your help - is there anything else you need?

    Mark
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Thursday, June 09 2016, 08:02 AM - #Permalink
    0
    Hi Mark,

    Can you check it now?

    Joan
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Thursday, June 09 2016, 08:16 AM - #Permalink
    0
    Hi Joan,

    wow that is a whole lot better - can I please have these last small tweaks - and it would be perfect!! :)

    :D :D
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Thursday, June 09 2016, 08:23 AM - #Permalink
    0
    Done!

    These are all the changes. Keep them in case you update the component.

    components/com_invoices/views/invoices/tmpl/default.php line 116:

    <h1 class="paymentsTitle"><?php echo JText::_('PAYMENTS_TITLE'); ?></h1>


    components/com_invoices/assets/styles.css end of file:

    /* ----------------- CUSTOM ----------------- */

    .items_table_responsive td {
    color: #333;
    }

    tr td {
    background-color: #f5f5f5;
    padding: 5px;
    }

    td.statussentence {
    text-align: right;
    }

    .pagination.pagination-toolbar.clearfix {
    margin-top: 15px;
    }

    .paymentsTitle {
    margin-top: 0;
    }



    Regards,
    Joan
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Thursday, June 09 2016, 09:13 AM - #Permalink
    0
    Joan,

    thank you so much - I love it.

    The product is great thank you.

    Just a couple of questions:

    1. is it possible to automatically refresh the page quicker as it seems to take a loing time and I end up manually doing it
    2. when you have the preview in a window on its own, when the refresh happens it closes the window.

    Mark
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Thursday, June 09 2016, 09:32 AM - #Permalink
    0
    Hello Mark,

    I'm not sure to understand your first point. Which page you want to refresh? The administrator main view or the front-end one? I don't know what you mean about that you end up manually doing it.

    About the second point, this is a normal behavior because the invoice is opened in a pop up window. The page is the same.

    Joan
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Thursday, June 09 2016, 12:59 PM - #Permalink
    0
    Hi Joan

    I am making reference to the main window in Joomla - the refresh rate is slow.

    Mark
    The reply is currently minimized Show
  • Accepted Answer

    Joan Vilà
    Joan Vilà
    Offline
    Friday, June 10 2016, 08:01 AM - #Permalink
    0
    Hi Mark,

    Ok, but then this doesn't seem to be an Invoice Manager problem.
    IM tries to load as fast as it can ;)

    Regards,
    Joan
    The reply is currently minimized Show
  • Accepted Answer

    welby
    welby
    Offline
    Friday, June 10 2016, 09:00 AM - #Permalink
    0
    Hi Joan,

    OK - I think we have taken this as far as we can get - the main thing is the output is just great - I am really happy with it - you have done a great job.

    Many thanks.

    Mark
    The reply is currently minimized Show
Your Reply