-
AuthorPosts
-
September 26, 2015 at 7:07 pm #509558
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, 3 months ago by NeilJC.
September 27, 2015 at 3:58 pm #509697Hi 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,
ElliottSeptember 27, 2015 at 8:08 pm #509741Hi 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
NeilSeptember 28, 2015 at 7:42 am #509847Hi Neil,
For centering the content please try the following in Quick CSS:
td { vertical-align: middle !important; text-align: center !important; }
Regards,
RikardSeptember 28, 2015 at 4:56 pm #510267Hi 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
NeilSeptember 29, 2015 at 5:42 am #510518Hi,
You could try just inserting · into the td to see if that works http://www.ascii.cl/htmlcodes.htm
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.