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
11 years 2 weeks ago #1 by BalZycia

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

  • Posted by TemplatePlazza (5456) 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
11 years 2 weeks ago #2 by TemplatePlazza

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

Ok,
I will try modify css.

Thanks for answer.
11 years 2 weeks 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;
		}
10 years 11 months ago #4 by BalZycia

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

  • Posted by TemplatePlazza (5456) 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%;
}
10 years 11 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.
10 years 11 months ago #6 by BalZycia

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

Powered by Kunena Forum