XTypo for ordering list

Hi,
I've got a suggestion. Can you add some nice typography for ordering list?
I need it to my cookbook. Please let me know is it possible to add as son as possible?

I will be gratefull
Regards
9 years 9 months ago #1 by BalZycia

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi, What kind of typography you're willing to get? Actually you can modify the file ../plugins/content/xtypo/themes/default/style.css for that
9 years 9 months ago #2 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Ok,
I will try modify css.

Thanks for answer.
9 years 9 months ago #3 by BalZycia

Please Log in or Create an account to join the conversation.

Hi,
I prepare some css modification and now it looks nice, but I need some more feature.
Please look at attachemnt (my-css) and code.

I need border for numbers with radius 50% .

Please let me know is it possible to add this solution to your content plugin and button plugin.
.xtypo_list ol,
.xtypo_list_left ol,
.xtypo_list_right ol {
	background-color: #fff;
	    background-size: 1px 23px;
	    position: relative;
      font-style: talic;
      font-family: Georgia, serif;
      font-size: 24px;
      color: #669900;
	}
 
	.xtypo_list ol:after,
	.xtypo_list_left ol:after,
	.xtypo_list_right ol:after {
	    bottom: 0;
	    content: '';
	    left: 40px;
	    position: absolute;
	    top: 0;
	    width: 2px;
      border-left: 1px solid #669900;
	}
 
		.xtypo_list ol li p,
		.xtypo_list_left ol li p,
		.xtypo_list_right ol li p {
			padding: 5px 0 0 10px!important;
      font-style: normal;
      font-family: Arial;
      font-size: 14px;
      color: #000;
      display:block;
		}
9 years 8 months ago #4 by BalZycia

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Ho, This probably a bit tricky but should give you the idea :
.xtypo_list ol,
.xtypo_list_left ol,
.xtypo_list_right ol  {
 margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.xtypo_list ol li,
.xtypo_list_left ol li,
.xtypo_list_right ol li {
counter-increment: step-counter;
margin-left:0;
padding-left:0;
}
.xtypo_list ol li::before,
.xtypo_list_left ol li::before,
.xtypo_list_right ol li::before {
    content: counter(step-counter);
    margin-right: 5px;
margin-left:0;
    padding: 3px 7px;
border:1px solid #333;
    border-radius: 50%;
}
9 years 8 months ago #5 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Thx for help.

It will be grate if you add this feature to plugin.
9 years 8 months ago #6 by BalZycia

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum