Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 6, 2016 at 8:05 pm #593977
    doperdoll

    I have a couple pages that I use to display lists. I used a full width layout element, and 1 text box. Inside the text box I took my long list and made 2 columns out of it by painstakingly aligning the second column manually so it will look nice. However, when the text box is displayed on a mobile devise the text is a complete mess. How can I format the page so it displays nice on a desktop and nice on a mobile device?

    March 9, 2016 at 12:57 pm #595530
    Vinay

    Hi doperdoll!

    Sorry for the delay.

    The links provided are not working please share the link to the page where we can inspect the element in question so we can help you with custom CSS :)

    Regards,
    Vinay Kashyap

    March 9, 2016 at 4:58 pm #595676
    doperdoll

    I am attaching the good links.

    March 14, 2016 at 8:12 am #597600
    Ismael

    Hi!

    Looks like you added spaces to align the elements. This is not the proper way to align elements on a web page. Please use the table element instead or separate the texts by using column layouts.

    Cheers!
    Ismael

    March 14, 2016 at 11:58 pm #598036
    doperdoll

    Ok thanks that worked. I used the table layout and it worked good. I would like to make it so the grid lines don’t show, and so everything is the same color. Is there anyway to make that adjustment?

    March 14, 2016 at 11:58 pm #598037
    doperdoll

    See the same pages in my last posting.

    March 15, 2016 at 1:45 am #598084
    doperdoll

    i updated 1 page using the grid as you suggested. However, it still does not show well on a mobile devise. In addition I do not care too much for the grid lines and change in coloring. I would much rather it not have any grid lines or coloring. Please check it out and give me your suggestions.

    March 15, 2016 at 5:00 am #598144
    Vinay

    Hi!

    The “GC WORKS NAICS CODES:” It looks perfect in the mobile version please clone it and change the contents or replicate the same settings. if you still need help we need access to your site please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Cheers!
    Vinay Kashyap

    July 19, 2016 at 12:36 am #662302
    doperdoll

    Is there a way to change the font, and font size, make bold and eliminate the grid boxes?

    July 19, 2016 at 8:00 am #662349
    Vinay

    Hi,

    I’m assuming the element in question here are the 3 boxes on the homepage “Investing in People”, “Understanding Your Needs” and “Working Hard for Success” the border can be removed in the edit options of the grid element and also the font size and weight can be changed in the textbox.

    Let us know if you have any questions.

    Best regards,
    Vinay

    August 3, 2016 at 2:01 am #667888
    doperdoll

    No the issue is on the pages
    what we do> federal construction
    what we do> Federal Facility support.

    I have the codes inside a table and what you see is how the “table” displays the info.

    August 9, 2016 at 1:38 am #670113
    Ismael

    Hi,

    Remove the border and background with the following css code:

    .page-id-1272 .main_color tr:nth-child(odd), .page-id-1272 .main_color .pricing-table>li:nth-child(odd), .page-id-1272 .main_color .pricing-extra, .page-id-1272 .main_color tr:nth-child(even), .page-id-1272 .main_color .pricing-table>li:nth-child(even), .page-id-1272 .main_color .pricing-extra {
    background: transparent;
    border: 0;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.