Æfingasíða-frh. af Dale og Bethany og nú með wpjelly.com

Trétækniráðgjöf slf.

Sólarlag yfir Engey H3

Ég sótti þessa sólarlagsmynd í mína myndamöppu og þessi texti er stilltur á p í Content í Text editor og það kom sjálfvirkt upp 5c6652 sem textalitur. Hann er dálítið óskýr á þessum grunni svona smár textinn eins og hann kom fyrst fram en ég stækka hann í 15 px og þá verður hann læsilegri. Gekk vel að feitletra númer litarins en ég ætla að minnka línubilið í næsta dálki.

Texti og hnappur H2

Hér fyrir ofan setti ég Shape Divider og setti þennan Hover lit á hann og 40 í hæð og 100 í vídd.

Svo ef við ætlum að lýsa upp texta með því að renna músinni yfir þá verður textinn hvítur á grænum bakgrunni. Prófa!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Hérna ætla ég að breyta litnum á letrinu og stækka það í 15px. Ég setti það í svart en það er ósköp lítið skýrara en Theme liturinn en það er meira að segja erfiðara að lesa það á skjánum.

Hér fyrir ofan sést hvernig textinn kemur átómatískt inn, stærð leturs, litur og línubil. Hér breyti ég bæði leturstærð í 15  og línubilum í .1,2 og Letter spacing í 0,2. Hér setti ég inn bakgrunnslitinn okkar í þetta textabox og ramma utan um boxið.

Hér fyrir neðan er hnappur en það er enginn litur á bakgrunninum og engin tenging fyrir hann. En ég setti Hover á Background Type > Hover en ekki Normal en hann nær út fyrir hnappinn sjálfan.  Þetta þarf ég að skoða betur.

Upptalningarlisti H3

Staðsetning H24

Site Background = #EDEFD4

Content Background =#7C9688

Theme Colour =  #908C72

Link Colour  = 91D08E

Link Hover Colour – aprikósa?  #F7882F

Heading Colour (H1 – H6) = 5C6652

Text Colour = #5C665D

Buttons = #F3E086

Table of Contents

Bakgrunnurinn heitir EDEFD4

Bakgrunnurinn heitir EDEFD4

Þetta er fyrirsögn H1 og eru allar fyrirsagnir í sama lit

Þetta er fyrirsögn H2 og nota ég hana

Þetta er fyrirsögn H3

Þetta er fyrirsögn H4

Þetta er fyrirsögn H5
Þetta er fyrirsögn H6

 

Þetta (Pages) hér fyrir neðan fékk ég upp þegar ég dró inn widgetið Pages úr WP listanum fyrir neðan Elementor listann.