Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 28, 2014 at 11:07 pm #230806
    creativeyes

    I’ve developed this table http://www.test.theimplantcentre.com/?page_id=121 but I can’t get the prices for the sub headings to line up;
    Replacement of Multiple Teeth & Stabilisation of loose lower dentures with mini implants.

    I’d also like to make the two column headers (Treatments & Price) white text out of my solid blue (along the lines of the pricing table options)

    February 28, 2014 at 11:08 pm #230808
    creativeyes
    This reply has been marked as private.
    March 1, 2014 at 6:10 am #230984
    Ismael

    Hi!

    Have you tried adding a <br> tag before the prices? Change the heading text using this on Quick CSS:

    .avia-heading-row {
color: white;
}

    Best regards,
    Ismael

    March 1, 2014 at 10:02 am #231001
    creativeyes

    Thanks Ismael

    I tried the <br> and it didn’t work.

    The snippet of code you supplied has changed the heading text to white but not the rectangle it sits on which I want to be the blue. http://www.test.theimplantcentre.com/?page_id=121

    March 2, 2014 at 2:56 am #231160
    Ismael

    Hi!

    You can enclose the price on a div. Something like this:

    <div class="price-top-margin">
£4,850<br>
£7,700<br>
£8,900<br>
£16,000<br>
    £30,000</div>

    Add this on Quick CSS:

    .price-top-margin {
margin-top: 20px;
}

tr th:first-child, tr td:first-child {
vertical-align: top;
}

    Use this for the heading row:

    .main_color tr.avia-heading-row {
background: blue;
}

    Best regards,
    Ismael

    March 2, 2014 at 7:11 pm #231280
    creativeyes

    Many thanks Ismael, somehow I’ve changed the main header and dropdown to have a blue background! How do I change them back to white?

    March 3, 2014 at 7:50 pm #231782
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #header_main, .header_color .main_menu .menu ul li a { background-color: white; }

    Best regards,
    Yigit

    March 4, 2014 at 11:32 pm #232447
    creativeyes

    Thank you, but two out of three of the dropdown menus still have blue backgrounds http://www.test.theimplantcentre.com/wp-content/uploads/2014/03/Screen-Shot-2014-03-04-at-21.28.44.png

    March 5, 2014 at 2:29 am #232479
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_mega_div, .avia_mega_div .sub-menu {
    background: white !important;
}

    Cheers! 
    Josue

    March 5, 2014 at 10:33 am #232648
    creativeyes

    Thanks Josue that’s resolved the background colour issue but it’s brought back and old issue with the ‘Why choose us’ dropdown menu, see #225238 (Header adjustments) from Yigit. The dropdown works ok when at the top of the page, but when using it half way down the page the sub menu headings are all spaced out http://www.test.theimplantcentre.com/wp-content/uploads/2014/03/Screen-Shot-2014-03-05-at-08.27.34.png

    March 5, 2014 at 6:30 pm #232852
    Josue

    Hi!

    Change the code you have in your style.css (44-47) to this:

    .header-scrolled #header_main .container, .header-scrolled #avia-menu > li > a {
   height: 80px !important;
   line-height: 80px !important;
}

    Cheers!
    Josue

    March 5, 2014 at 6:47 pm #232859
    creativeyes

    Can you point me in the right direction I’m afraid I don’t know how to edit the style.css file.

    March 5, 2014 at 6:51 pm #232861
    Josue

    Hi!

    Sorry, i meant Quick CSS, you have this code there:

    .header-scrolled #header_main .container, .header-scrolled #avia-menu a {
   height: 80px !important;
   line-height: 80px !important;
}

    Change it to:

    .header-scrolled #header_main .container, .header-scrolled #avia-menu > li > a {
   height: 80px !important;
   line-height: 80px !important;
}

    Regards,
    Josue

    March 5, 2014 at 6:54 pm #232863
    creativeyes

    That’s fixed it, many thanks

    March 5, 2014 at 7:12 pm #232869
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Table alignment issue’ is closed to new replies.