• Resolved Hozefa Saleh

    (@hozefasmile)


    In the icon list, the span with class “gspb_iconsList__item__text” that handle text in the list item, have default margin left set to 15px. I am not able to change it by any settings provided for this block. Lastly I have did it through custom css. So there should be a setting available for spacing between icon and text for each list item.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Illia Sanz

    (@illiagreen)

    all design is on class of parent block

    you can overwrite by local styles if you click on target icon in Local styles panel

    Thread Starter Hozefa Saleh

    (@hozefasmile)

    How Override Local styles works for Icon List block, I have target icon in Icon List Element block, but how to locate target icon in “Icon List” block? Also even in Icon List Element block when we provide negative margin left to the the div element that handle text, only then the text move left.

    Plugin Support Illia Sanz

    (@illiagreen)

    How to change design? Click on class

    https://share.cleanshot.com/xw7QpLN3

    How to add priority on element – click on target icon https://share.cleanshot.com/mN4tfwqP

    You can also use Icon List block instead Icon List Element

    Thread Starter Hozefa Saleh

    (@hozefasmile)

    Hi @illiagreen

    I think I am not able to explain you the issue. Let me provide you detailed screenshots to get you clear idea about that.

    Platform used => WordPress ver 6.8.2 , theme => wordpress default Twenty twenty-five, Greenshift ver 12.1.1, no any other plugin installed.

    Look at this screenshot, to understand what I am trying to achive => http://prnt.sc/SsMqqkqocPqb

    Icon List Element Block Case

    Look at this screenshot to understand, what I am doing that not working => https://prnt.sc/H3PIysKg0kAf , if you look at this second screenshot, you can see that I have provided value for column gap https://prnt.sc/s3Y7_jlcMN_p

    Icon List Block Case

    See this screenshot to understand what issue I am facing with this block => https://prnt.sc/s8Em12xA7DA1 , also look at this screenshot to get better idea about which margin-left I am talking about https://uniquesweb.co.in/tempfile/Screenshot-2025-08-21-icon-list-issue.png

    Hope now this explanation will clearly let you know that this list block is not working as expected and you can test it your end too.

    Plugin Support Illia Sanz

    (@illiagreen)

    I understood you correctly, no need in screenshots. My answer is correct. You must modify design option on Parent block, check my screenshot, click on Class of parent block and then you will find all sub selectors. Select first sub selector, this is what responsible for items. https://share.cleanshot.com/ybHWtkcF

    If you see editor correct and front doesn’t show actual data.- only one possible reason, you have cache plugin on site and you didn’t clean cache after new options saved.

    Plugin Support Illia Sanz

    (@illiagreen)

    closing

    Thread Starter Hozefa Saleh

    (@hozefasmile)

    Ok, now I clearly got the working of elements blocks. when we select the parent class, then its shows its child element classes and then selecting any individual child class we can modify any of its properties.

    Thanks for the clearification.

    Plugin Support Illia Sanz

    (@illiagreen)

    yes, exactly

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.