Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 26, 2015 at 7:07 pm #509558
    NeilJC

    Hi Everyone,

    Sorry to ask butI am struggling to insert a Black Square, Black Circle, Black Rectangle or Black Oval into the Enfold Table. I am using symbols to show that a size is available (rather than a ‘check’ mark).

    I cannot work out the CSS code and the code to insert into the relevant box on the table.

    I have looked at inserting html code such as ‘& # 9632;’ but I cannot resize the box.

    In CSS I have tried
    #square {
    width: 100px;
    height: 100px;
    background: red;
    }

    However, I do not know what code to enter into the Table on the page to make this appear.

    Sorry if this is a basic question but can you help please?

    Thanks
    Neil

    • This topic was modified 9 years, 2 months ago by NeilJC.
    September 27, 2015 at 3:58 pm #509697
    Elliott

    Hi Neil!

    Send us a link to your page and take a screenshot highlighting what your trying to do so we can get a better idea. Are these images your trying to insert?

    You can set you reply as private if you wish.

    Best regards,
    Elliott

    September 27, 2015 at 8:08 pm #509741
    NeilJC

    Hi Elliott,

    I’ve decided to use a workaround. My original plan was to add code to an Excel spreadsheet and then paste into Enfold as a table as below (private). The symbols I wanted were Squares, Circles and Rectangles but just could not work it out.

    I have now inserted a ‘check’ to show sizes available and this seems to work OK?

    All I need now is the css code to center all text both vertically (vertical-align:middle) and horizontally (text-align:center) for each cell in the table, so I ca add to the custom css area in enfold.

    I will be creating several tables for different products – will I need different css for each table?

    Thanks for your help
    Neil

    September 28, 2015 at 7:42 am #509847
    Rikard

    Hi Neil,

    For centering the content please try the following in Quick CSS:

    td {
    vertical-align: middle !important;
    text-align: center !important;
}

    Regards,
    Rikard

    September 28, 2015 at 4:56 pm #510267
    NeilJC

    Hi Rikard,

    Thank you – that solved the ‘centering’ issue :)

    I have to replace the ‘checks’ with a circle – can you tell me how to do this using quick css please?

    Also, our customer is saying that the website in general is too ‘spacey’ – is it possible to squeeze the elements closer together (vertically) please?

    Thank you
    Neil

    September 29, 2015 at 5:42 am #510518
    Rikard

    Hi,

    You could try just inserting · into the td to see if that works http://www.ascii.cl/htmlcodes.htm

    Best regards,
    Rikard

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