Left Align Headers and Remove Lines Either side

[Mfriendly]

Hi, would someone please tell me how I would be able to Left Align Headers and Remove Lines Either side so Headers just show up by themselves.

I cant find it in theme options :S

Attached is a picture depicting what I would like it to look like.

Thanks,

Adam

[Mohammad – SUPPORT]

Hi,
Please always provide website URL to get fast reply .
Thanks 🙂
With Best Regards
Swift Ideas

[Mfriendly]

http://blog.pharaohuk.com/

many thanks

[Mohammad – SUPPORT]

This reply has been marked as private.

[Mfriendly]

Hi Mohammed,

Please see the attached annotated screenshot.

Please can you provide the css to ensure this happens sitewide.

Regards,

Adam

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS => Here put this code and update options
h4.spb_heading{border:0;text-align:left}
Thanks 🙂
With Best Regards
Swift Ideas

[Mfriendly]

Hi Mohammed,

Thank you for your reply,

The CSS you have provided has worked interms of left aligning and removing lines from the left but they still remain on the right of the headings.

Please could you have another look?

Many thanks,

Adam

[Mohammad – SUPPORT]

Hi,
Please try this css code
h4.spb_heading{border-bottom:0;border-top:0;text-align:left}

Thanks
With Best Regards
Swift Ideas

[Mfriendly]

Hi,

Unfortunately still the same result.

Could you have another go please?

Many thanks,

Adam

[Mohammad – SUPPORT]

Hi,
Please provide specific page URL .
Thanks

[Mfriendly]

http://blog.pharaohuk.com/

[Mohammad – SUPPORT]

Hi,
Please use this css code . hopefully will help 100% .
h4.spb_heading:before{border-top:0}
Thanks
With Best Regards
Swift Ideas

[Mfriendly]

Hi Mohammed,

Thank you again,

We are nearly there! –

The last peice of CSS you have provided has got rid of lines from both side but back to being centre aligned again.

Could you have 1 more go and just add ‘align left’ to it.

Sorry I am a complete noob to CSS and dont wanna mess it up.

Will mark as resolved after this.

Many thanks

Adam

[Mohammad – SUPPORT]

Hi,
Please put also this code . Dont remove last code as you did this time .
h4.spb_heading{text-align:left}
Thanks

[Mfriendly]

Great! Thanks it worked!

Sorry I thought the newer css was to replace the existing css.

For anyone that needs to remove lines either side of the headers and left align the follow code should do the trick

h4.spb_heading:before{border-top:0}
h4.spb_heading{text-align:left}

Many thanks again

Will mark as resolved now