Commerce Subscription Name Change

STAR · May 3, 2018

Hi I started using Commerce Subscription and I have 2 questions

1. How do I change name subscriptions to say

VIP UPGRADE

2. How do I align name of the package and price to be in the middle?

titcrunch · May 3, 2018

.cSubscriptionsTitle {
    text-align: center !important;
}

.cNexusPrice {
    text-align: center !important;
}

in custom css

Jeffrey · May 3, 2018

1. Edit the template in which the plugin/application's index is in.

2. Find the container of the title and price, and use css to centered the text;

.class {
  text-align: center;
}

STAR · May 3, 2018

28 minutes ago, Jeffrey said:
1. Edit the template in which the plugin/application's index is in.

2. Find the container of the title and price, and use css to centered the text;
.class {
  text-align: center;
}

Thanks I'm using Drednaught theme so I'm guessing I need to edit that right ? And find the container in index or global template?

Jeffrey · May 3, 2018

6 minutes ago, STAR said:

Thanks I'm using Drednaught theme so I'm guessing I need to edit that right ? And find the container in index or global template?

The commence index

STAR · May 3, 2018

6 minutes ago, Jeffrey said:

The commence index

Sorry I'm still half a sleep is this is CSS or regular template ?

if it's CSS I have this not sure which one I would need to edit here and where to add it.

/* Subscriptions */

.cSubscriptions {
	position: relative;
	height: 100%;
}
	
	.ipsBox.cSubscriptions.cSubscriptions_active {
		background-color: {hextorgb="subscription_active_color" opacity="0.1"};
	}
	
.cSubscriptionGrid {
	margin-bottom: 15px;
}

.cSubscriptionsHeader {
	display: block;
	min-height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
	.cSubscriptionRenew {
		position: absolute;
		background: {hextorgb="subscription_active_color" opacity="0.7"};
		left: 0;
		right: 0;
		bottom: 0;
		padding: 8px 15px;
		text-align: center;
	}
	.ipsComment:not( .ipsModerated ):not( .ipsComment_selected ).ipsBox.ipsComment_popular {
		border-color: {hextorgb="subscription_active_color" opacity="0.4"};
		box-shadow: 0px 2px 10px {hextorgb="subscription_active_color" opacity="0.2"};
	}

	.ipsComment:not( .ipsModerated ):not( .ipsComment_selected ).ipsComment_popular .ipsComment_header {
		background: {hextorgb="subscription_active_color" opacity="0.1"};
		border-top: 1px solid {theme="subscription_active_color"};
	}
		html[dir="ltr"] .ipsComment:not( .ipsModerated ).ipsComment_popular .ipsComment_header {
			padding-right: 60px;
		}
		html[dir="rtl"] .ipsComment:not( .ipsModerated ).ipsComment_popular .ipsComment_header {
			padding-left: 60px;
		}
		
.cSubscriptions .cSubscriptionActive {
	position: absolute;
	top: -3px;
	background: {theme="subscription_active_color"};
	text-align: center;
	color: #fff;
	width: 34px;
	height: 40px;
	font-size: 26px;
	padding-top: 11px;
	z-index: 5000;
	border-radius: 2px 2px 0 0;
}
html[dir="ltr"] .cSubscriptions .cSubscriptionActive {
	right: 10px;
}
html[dir="rtl"] .cSubscriptions .cSubscriptionActive {
	left: 10px;
}
	
	.cSubscriptions .cSubscriptionActive:after {
		content: '';
		display: block;
		position: absolute;
	}

	.cSubscriptions .cSubscriptionActive:after {
		border-width: 13px 17px 17px 17px;
		border-style: solid;
		border-color: {theme="subscription_active_color"} transparent transparent transparent;
		top: 100%;
	}
	html[dir="ltr"] .cSubscriptions .cSubscriptionActive:after {
		left: 0;
	}
	html[dir="rtl"] .cSubscriptions .cSubscriptionActive:after {
		right: 0;
	}



.cSubscriptionsTitle {
	font-size: 18px;
	font-weight: 600;
}

.cSubscription_highlighted {
	border: 1px solid #598f5b;
	box-shadow: 0px 3px 0px rgba(89, 143, 91, 0.1);
}
.cSubscription_desc {
	padding-bottom: 65px;
}

.cSubscriptionInfo {
	text-align: center;
	padding: 0 15px 15px;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}

/* Widgets */
.cWidgetSubscription {
    position: relative;
    display: block;
	height: 100px;
    z-index: 1;
    text-align: center;
    overflow: hidden;
	color: #ffffff;
	text-overflow: ellipsis;
}
	.cWidgetSubscription_bg {
	    position: absolute;
	    z-index: -1;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	    opacity: .6;
	    width: 100%;
	    height: 100%;
	}

	.cWidgetSubscription .cWidgetSubscription_text {
		font-size: 14px;
		padding: 10px;
		background-color: rgba( 0, 0, 0, 0.8 );
		color: #ffffff;
		vertical-align: middle;
		line-height: 90px;
		border-radius: 6px;
		opacity: 1;
		white-space: nowrap;
	}
	
	.cWidgetSubscription_linkbox {
		padding-top: 0px;
	}

Jeffrey · May 3, 2018

14 minutes ago, STAR said:

Sorry I'm still half a sleep is this is CSS or regular template ?

if it's CSS I have this not sure which one I would need to edit here and where to add it.


/* Subscriptions */

.cSubscriptions {
	position: relative;
	height: 100%;
}
	
	.ipsBox.cSubscriptions.cSubscriptions_active {
		background-color: {hextorgb="subscription_active_color" opacity="0.1"};
	}
	
.cSubscriptionGrid {
	margin-bottom: 15px;
}

.cSubscriptionsHeader {
	display: block;
	min-height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
	.cSubscriptionRenew {
		position: absolute;
		background: {hextorgb="subscription_active_color" opacity="0.7"};
		left: 0;
		right: 0;
		bottom: 0;
		padding: 8px 15px;
		text-align: center;
	}
	.ipsComment:not( .ipsModerated ):not( .ipsComment_selected ).ipsBox.ipsComment_popular {
		border-color: {hextorgb="subscription_active_color" opacity="0.4"};
		box-shadow: 0px 2px 10px {hextorgb="subscription_active_color" opacity="0.2"};
	}

	.ipsComment:not( .ipsModerated ):not( .ipsComment_selected ).ipsComment_popular .ipsComment_header {
		background: {hextorgb="subscription_active_color" opacity="0.1"};
		border-top: 1px solid {theme="subscription_active_color"};
	}
		html[dir="ltr"] .ipsComment:not( .ipsModerated ).ipsComment_popular .ipsComment_header {
			padding-right: 60px;
		}
		html[dir="rtl"] .ipsComment:not( .ipsModerated ).ipsComment_popular .ipsComment_header {
			padding-left: 60px;
		}
		
.cSubscriptions .cSubscriptionActive {
	position: absolute;
	top: -3px;
	background: {theme="subscription_active_color"};
	text-align: center;
	color: #fff;
	width: 34px;
	height: 40px;
	font-size: 26px;
	padding-top: 11px;
	z-index: 5000;
	border-radius: 2px 2px 0 0;
}
html[dir="ltr"] .cSubscriptions .cSubscriptionActive {
	right: 10px;
}
html[dir="rtl"] .cSubscriptions .cSubscriptionActive {
	left: 10px;
}
	
	.cSubscriptions .cSubscriptionActive:after {
		content: '';
		display: block;
		position: absolute;
	}

	.cSubscriptions .cSubscriptionActive:after {
		border-width: 13px 17px 17px 17px;
		border-style: solid;
		border-color: {theme="subscription_active_color"} transparent transparent transparent;
		top: 100%;
	}
	html[dir="ltr"] .cSubscriptions .cSubscriptionActive:after {
		left: 0;
	}
	html[dir="rtl"] .cSubscriptions .cSubscriptionActive:after {
		right: 0;
	}



.cSubscriptionsTitle {
	font-size: 18px;
	font-weight: 600;
}

.cSubscription_highlighted {
	border: 1px solid #598f5b;
	box-shadow: 0px 3px 0px rgba(89, 143, 91, 0.1);
}
.cSubscription_desc {
	padding-bottom: 65px;
}

.cSubscriptionInfo {
	text-align: center;
	padding: 0 15px 15px;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}

/* Widgets */
.cWidgetSubscription {
    position: relative;
    display: block;
	height: 100px;
    z-index: 1;
    text-align: center;
    overflow: hidden;
	color: #ffffff;
	text-overflow: ellipsis;
}
	.cWidgetSubscription_bg {
	    position: absolute;
	    z-index: -1;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	    opacity: .6;
	    width: 100%;
	    height: 100%;
	}

	.cWidgetSubscription .cWidgetSubscription_text {
		font-size: 14px;
		padding: 10px;
		background-color: rgba( 0, 0, 0, 0.8 );
		color: #ffffff;
		vertical-align: middle;
		line-height: 90px;
		border-radius: 6px;
		opacity: 1;
		white-space: nowrap;
	}
	
	.cWidgetSubscription_linkbox {
		padding-top: 0px;
	}

That's the CSS. You'll have to change the title in the HTML template.

STAR · May 3, 2018

4 minutes ago, Jeffrey said:

That's the CSS. You'll have to change the title in the HTML template.

Do you know location sorry I can't find it :-(

titcrunch · May 3, 2018

for change subscription text go in translate in your language

for align the second text send a link and we look the code and send you the custom css for this

STAR · May 3, 2018

1 hour ago, titcrunch said:

for change subscription text go in translate in your language

for align the second text send a link and we look the code and send you the custom css for this

Pm sent ty

STAR · May 3, 2018

38 minutes ago, titcrunch said:


.cSubscriptionsTitle {
    text-align: center !important;
}

.cNexusPrice {
    text-align: center !important;
}

in custom css

Hi Thank you before I mark your answear as best answear can you please let me know exactly what file I need to edit to change Subscription title where packages are as Languages does not have any option to change it ? Or tell me where is it located and what do I need to click to edit the title that says Subscription on my packages page?

Thank you

Jeffrey · May 4, 2018

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.

Advertisement

Commerce Subscription Name Change

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites