test add template

MAIN IMAGE is 1000×1000 pix; switched out – 500x image

• new template of how to create images – look at SALE and Search icon – MUST make title in center 75% of top width of image
  GALLERY = Mother son is 400x 400, Alive LS is 800×800, Alive GP8 is 500×500; graph is 600 x 375, business board = 600×400; New Personal = 800×800

Go to notepad, strip all but base tags, or will this add in all the span 400 stuff?

OR, strip all code and then manually choose and rewrite each product based on a new method/process and template?

Writing it in does not add any code at all, not even paragraphs or spans.

FROM NOTEPAD, saved txt files = next

 

 

HOW to add in 2 column table for image, text or image/image or text/text in PRODUCT page

Must it be coded only?

Sample html direct 2 column table, text, text – feature benefit

Feature	Benefit
Fast Loading	Better SEO and UX
Starter Templates	Quick launch for shops

How to make this image/tables responsive for mobile? Does it need to be manually changed for a mobile page?

———————————————-

Two-Column Image Section, both images are 500×500. ? change size of images? change size of width %?

current column = 45%, img = 100% width; auto height

 

————————————————————————————————————————————————

 

this is the sample text box and image box, 2 column table
image is 500 x 275

alternative is to have a 400 width, or code 80-90% width in column.

current code is the display flex, wrap, gap of 16px
————
also min width of flex1, flex 2 of 45% with img width: 100%
——————
*need to code in placement of Heading Title – (remove align-items: center code) or manually use padding
also add border + padding, ? gap?
Maybe change from h4 tag of heading title to a simple font size change to minimize the top padding to top of table?  does gaps mean all 4 sides of the column? ? there was no padding of text to left side of box with “align-items: center”
—————-
div style of text side = 8px padding
h4, chg 20px, 1.xem ?? heading title, can I change tghe 20 px? Or is this set for h4?

——————-

———————————————
add media button use here – this is a 278 x 300 h image – why so big for 300x image showing? for benq only?

says size-medium-wp image 753 has width and height specified????

 

——————————————————————————

This image is #752, says ok st reboot alive and 300 w x 203h

as in img class !!

NOT img src by using the media upload button?? review

another alignnon size medium wp image

——————————————————————————-

This was a media button and caption on edit
width = 200,

img class full wp image, ht 109

——————————————————————————-

and a second test image of 500×500 image
This is img class medium wp img with 300 x 300 specifically in the width and height

(but media library had it at 500×500????need tto review?

center aligned with visual  editor, alignment button

 

??test an html

????? (and maybe css aided @media image??

)

——————————————————————————–

Question : Can this later be edited in not in Elementor but with wordpress editor?

Can elementkits or uae be used in a woocommerce product listing ?

=======================

This is 1000×1000 image, just added by pasting the url from media library – this is img src and does not have a class or wp size designation
why so big??

1000 is too big –

try 800x 800
OR designate as 80% width, 60% ht?

spaced——————————————————-

designate as 80% width, 60% ht?</strong. NO img class or css related, nor add by media button; simply added strait img src url with widht 80% add,no ht added yet>

center aligned with visual editor, using width=”70%” to test on 1000 w image

 

 

This is a direct 800 x 800 image
Alive-Personal-LS-800x = no img class, only img src https

This is 800 x 800 image, but using 80% width, no other mobile css or anything. no image class, no height set

———————–

This is a youtube embed old style iframe src, centered with width = 800 and height =485.

This will not work. Use last video upload, css responsive-media.

OR use a video-container media option?

space

this will be/ is the img class css version of the responsive code

NEW TEST, responsive css VIDEO

Need better size image to test something is not right in this code Size? Correct code syntax? Correct class, style – loo upWhy so small?
.responsive-media iframe,
.woocommerce-page .wp-block-embed iframe,
.post .wp-block-embed iframe,
.entry-content .wp-block-embed iframe,
.elementor-widget-video .elementor-wrapper iframe {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
border: 0;

** use iframe class=’responsive-media” src= ….

need to manually on page adjust 80/60% for size

css example for youtube responsive testing

Try again, “responsive-media”> what is correct coding? review –  This one seems to work correctly.