rename section ID

This topic has 19 replies, 2 voices, and was last updated 3 years, 10 months ago by developer vwtheme.

Viewing 15 posts - 1 through 15 (of 20 total)

1 2 →

Author

Posts
May 26, 2020 at 5:42 am #45280

NeoWeb
Participant

Hi-
Is there a way to rename the section ID? I’m going to use it as menu item URL like “#pricing-plan” instead of “#vw-sirat-pricing-plans”

Thanks in advance.

May 26, 2020 at 10:08 am #45282

developer vwtheme
Participant

Hi,

If you want we can do it for you, make a user for us assign administrator role, and send us the username and password along with the URL.

Many Thanks

May 26, 2020 at 12:11 pm #45285

NeoWeb
Participant

Is it possible to just provide the instruction so I can do the editing? Thanks in advance.

May 27, 2020 at 2:36 am #45298

NeoWeb
Participant

Follow-up please. I sent a message through the contact form.

Thanks.

May 27, 2020 at 8:46 am #45305

NeoWeb
Participant

I message your support thru online chat but ignored me. OMG!

May 27, 2020 at 9:01 am #45306

developer vwtheme
Participant

Hi,

Sorry for our online chat team does not respond to you may be its network issue we did not get your message.

If we give you steps for the change pricing-plan id then all CSS and JS also change if you do it from your self then we will give you steps.

Please share your site URL it will help us to provide you a better solution.

Many Thanks

May 27, 2020 at 9:09 am #45309
NeoWeb
Participant
https://neoweb365.com

Would be good if you can still provide me the steps so I can work in from my end next time. I usually don’t ask for support if I can do it myself. So it’s for your advantage. I’ve done a lot of customization already without asking for help from you. It’s just this time I need to.
also if you can check the menu which I used section ID, all turns active. Kindly provide me steps to only turn active the home menu if it’s on the top page not on specific section. Then turn active the menu item that points to the corresponding section shown on the screen.

By the way, it’s not only for pricing-plan, also about-us, services etc.

Thanks in advance.
- This reply was modified 3 years, 10 months ago by NeoWeb.
May 27, 2020 at 9:32 am #45311

NeoWeb
Participant

Also, can you please check the sticky menu items doesn’t align with the menu in the header same with the logo? If possible to align it with the original logo and menu items when home page is on top most. Thanks in advance.

May 28, 2020 at 9:52 am #45334

developer vwtheme
Participant

Hi,

Kindly follow the steps given below

Go to sirat-pro theme folder >> template-parts >> home >> section-pricing-plans.php Edit file go to line number 30 remove <?php echo VW_SIRAT_STYLES; ?> this code from pricing-plans.

If you changed it you need to remove vw-sirat- from CSS and JS also.

1) Kindly follow the steps given below to change active page color

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

#header-menu .current_page_item a {
color: #000;
}

2) Kindly follow the steps given below for the sticky header

Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

.sticky {
padding: 0px 62px;
}

Many Thanks

May 28, 2020 at 3:37 pm #45337

NeoWeb
Participant

It tried item # 1 and it worked to have the menu items all black. Apparently it’s not what I was asking. Please let me know if you have questions/clarification on the requirements below.
“Kindly provide me steps to only turn active the home menu if it’s on the top page not on specific section. Then turn active the menu item that points to the corresponding section shown on the screen.”

Your item # 2 didn’t work. Have you tried the code you provided from your end? I’m using the sirat theme and haven’t done custom css for sticky menu so, what you’ve provided me should work if you tested it to the same theme from your end. But obviously it didn’t work from my end. Can you please provide the correct custom css?

Thanks in advance.

May 28, 2020 at 3:49 pm #45338

NeoWeb
Participant

Also, since I already did the instruction below. The section pricing-plan item list are not formatted. By the way, I did it first in my staging version of my site. This is what I was asking, what specific file I need to edit. Can you also please include this in your reple?

Go to sirat-pro theme folder >> template-parts >> home >> section-pricing-plans.php Edit file go to line number 30 remove <?php echo VW_SIRAT_STYLES; ?> this code from pricing-plans.

May 29, 2020 at 4:45 am #45347

NeoWeb
Participant

The css code below you provide affected the mobile menu so all menu items turned black, hence you can no longer see. Can you please provide the code for mobile device? And if possible test it first. 🙂

#header-menu .current_page_item a {
color: #000;
}

Thanks.

May 29, 2020 at 7:41 am #45350

NeoWeb
Participant

Follow-up on this please

May 29, 2020 at 9:44 am #45355

developer vwtheme
Participant

Hi,

1) We have checked your site but you have added the wrong CSS you added a .sticky { padding: 0 190.5px; } this CSS
Please add the steps given below for the sticky header
Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.
.sticky { padding: 0 32px;
}
2) Find #vw-sirat-pricing-plans id in style.css and assets >> js >> custom.js file replace this id with #pricing-plans id after you apply the below steps that we have already provided to you
Go to sirat-pro theme folder >> template-parts >> home >> section-pricing-plans.php Edit file go to line number 30 remove <?php echo VW_SIRAT_STYLES; ?> this code from pricing-plans.

3) Kindly follow the steps given below for the mobile menu to change active page color

@media screen and (max-width: 1024px){
#header-menu .current_page_item a {
color: white;
}
}

Many Thanks

May 30, 2020 at 7:26 am #45383

NeoWeb
Participant

Here’s the css code below. Any updates needed?
/* ———– Pricing Plans ———- */

#pricing-plans .vw-sirat-pricing-plans-head
{
padding-bottom: 50px;
}
#pricing-plans .vw-sirat-pricing-plans-head p
{
font-size: 14px;
letter-spacing: 1px;
color: #121212;
text-align: center;
margin-bottom: 5px;
}
#pricing-plans .vw-sirat-pricing-plans-head h3
{
font-size: 30px;
letter-spacing: 3px;
color: #121212;
font-weight: 700;
text-align: center;
}
#pricing-plans .vw-sirat-pricing-plans-content
{
border:1px solid #e1e1e1;
padding-bottom: 30px;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-icon {
background-color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box{
background-color: #febe00;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box .vw-sirat-plan-price,#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box .vw-sirat-plan-currency,#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box .vw-sirat-plan-duration{
color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-icon p{
color: #fff;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) a.vw-sirat-plan-button{
font-size: 13px;
letter-spacing: 1px;
color: #121212;
font-weight: 700;
background-color: #febe00;
display: inline-block;
padding-left: 15px;
border-radius: 40px;
margin-top: 20px;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-icon {
background-color: #febe00;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box{
background-color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box .plan-price,#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box .vw-sirat-plan-currency,#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box .vw-sirat-plan-duration{
color: #febe00;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-icon p{
color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover a.vw-sirat-plan-button{
font-size: 13px;
letter-spacing: 1px;
color: #febe00;
font-weight: 700;
background-color: #121212;
display: inline-block;
padding-left: 15px;
border-radius: 40px;
margin-top: 20px;
}
#pricing-plans .vw-sirat-plan-image
{
position: relative;
display: flex;
align-items: center;
}
#pricing-plans .vw-sirat-plan-icon
{
text-align: center;
padding: 20px;
position: absolute;
top: 0;
background-color: #febe00;
left:0;
width: 100%;
bottom: 0;
opacity: 0.8;
}
#pricing-plans .vw-sirat-plan-icon p
{
font-size: 18px;
letter-spacing: 4px;
color: #121212;
font-weight: 700;
text-align: center;
padding-top: 20px;
margin-bottom: 0;
}
#pricing-plans .vw-sirat-plan-price-box
{
background-color: #121212;
text-align: center;
}
#pricing-plans .vw-sirat-plan-price-box .vw-sirat-plan-currency
{
font-size: 29px;
color: #febe00;
font-weight: 700;
}
#pricing-plans .vw-sirat-plan-price-box .vw-sirat-plan-price
{
font-size: 40px;
color: #febe00;
font-weight: 700;
}
#pricing-plans .vw-sirat-plan-price-box .vw-sirat-plan-duration
{
font-size: 18px;
color: #febe00;
font-weight: 700;
}
#pricing-plans .vw-sirat-plan-features
{
text-align: center;
}
#pricing-plans .vw-sirat-plan-features ul
{
list-style-type: none;
margin-left: 0;
padding-top: 15px;
}
#pricing-plans .vw-sirat-plan-features ul li
{
font-size: 14px;
letter-spacing: 0px;
line-height: 40px;
color: #505967;
font-weight: 400;
}
#pricing-plans .vw-sirat-plan-features ul li i
{
color: #121212;
}
#pricing-plans .vw-sirat-plan-button
{
font-size: 13px;
letter-spacing: 1px;
color: #febe00;
font-weight: 700;
background-color: #121212;
display: inline-block;
padding-left: 20px;
border-radius: 40px;
margin-top: 20px;
}
#pricing-plans .vw-sirat-plan-button i
{
padding: 15px 15px;
border-left: 1px solid #e6ac02;
margin-left: 20px;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-button
{
background-color: #febe00;
color: #121212;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box
{
background-color: #febe00;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-icon{
background-color: #121212;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-icon p{
color: #ffffff;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box .vw-sirat-plan-duration
{
color:#121212
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box .vw-sirat-plan-currency
{
color:#121212
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box .vw-sirat-plan-price
{
color:#121212
}
#pricing-plans #vw-sirat-plan-loop
{
display: none;
}

/* ———— Testimonial ————– */
Author

Posts

Viewing 15 posts - 1 through 15 (of 20 total)

1 2 →

You must be logged in to reply to this topic.