formatting

[Pod9]

Hi, I am having some formatting issues on this page http://181.224.135.157/~olivemas/www.productmanagementtraining.com/training/complete-product-management/

If you look in the top right column you will see that the title that starts with “Complete Product Management® helps participants…” is being chopped off. It is not going onto the next line.

Also if you look at the bullet points underneath, they are not indented?

Finally how do I search this forum for my previous posts?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

h4.spb-heading, h3.spb-heading, h4.lined-heading {
    line-height: 1 !important;
    text-align: justify !important;
    white-space: normal !important;
}

Thanks
Mohammad

[Pod9]

hi, thanks that has resolved the issue with the title but ylu did not respond to the other two points:

“Also if you look at the bullet points underneath, they are not indented?

Finally how do I search this forum for my previous posts?”

[Rui Guerreiro – SUPPORT]

Hi,

you want to ident the bullets creating a left margin like in the attached image?
https://www.dropbox.com/s/yndojo65yfdt8bw/ident_bullets.png?dl=0

Just check your profile information in the link below, with your previous posts and other information.
http://support.swiftideas.net/forums/users/pod9/

-Rui

[Pod9]

well not quite like that as the text is not aligned as it should be. i want the bullet points to work in the standard way that bullet points work. there must be some code preventing this.

the standard way that bullets (or lists) always work is that the bullets are indented (as on your screenshot) but then the text within the bullets is aligned (see the image attached where I have added a blue line to illustrate the alignment.

also, you’ll see on http://181.224.135.157/~olivemas/www.productmanagementtraining.com/training/complete-product-management/ that i am now using you custom lists from the shortcode and i still have the same problem but i would also like to ask if it is possible to chnage the colour of these icons?

I tried changing
[list_item icon=”fa-chevron-right”]Providing them with the right tools, templates and skills for product success[/list_item]

to

[list_item icon=”fa-chevron-right” color=”blue”]Providing them with the right tools, templates and skills for product success[/list_item]

but that didn’t work?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Can you add the code below to the css custom option so that the second line of the wrapped text start in the same position as the first line.

.spb_text_column ul, .box-content-wrap ul {
list-style: disc outside none!important;
}

This one is to change the color of the chevron

.fa-chevron-right{
color: #2A2AA1!important;
}

-Rui

[Pod9]

hi, the colour fix worked but the the indenting one did not. See http://181.224.135.157/~olivemas/www.productmanagementtraining.com/training/complete-product-management/

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

sf-list li i {
    left: 2px;
    margin-right: 8px;
    margin-top: 6px;
    position: absolute;
    
}

.spb_text_column ul, .box-content-wrap ul {
    list-style: none outside none !important;
}

Thanks
Mohammad

[Pod9]

hi, getting closer! that has removed the standard black bullets but the blue ones should be indented and the text should all be left aligned as all lists?

[Mohammad – SUPPORT]

Hi,
Please put a dot (.) before this code sf-list li i
Thanks

[Pod9]

that has alligned the text but it has moved the bullets to the left, they should be to the right

[Mohammad – SUPPORT]

Hi,
I dont see any issue now. Please attach a marked screenshot.
Thanks
Mohammad

[Pod9]

hi, if you look at tempscreen1.gif there is a red line that shows where the arrows align to now. this is wrong. bullets should always be indented to around where the blue line is.

if you look at tempscreen1.gif which i did in Word you will see how bullets should be indented.

i find it very strange that we are writing custom css for this because it should happen by default?

Attachments:

You must be logged in to view attached files.

[Pod9]

hi, if you look at tempscreen1.gif there is a red line that shows where the arrows align to now. this is wrong. bullets should always be indented to around where the blue line is.

i find it very strange that we are writing custom css for this because it should happen by default?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove last one code and use this one new code:-

.sf-list li i {
    left: 20px;
    margin-right: 8px;
    margin-top: 6px;
    position: absolute;
    
}

.spb_text_column ul, .box-content-wrap ul {
    list-style: none outside none !important;
}
.page-id-12306 ul.sf-list{
margin-left:20px !important;
}

Thanks
Mohammad