Text and Service Alignment broken

  • deenaw

    (@deenaw)


    4 years, 9 months ago

    I tried editing the services area to center because I only needed 3 services instead of the default 4. After editing it, all of the text aligned left and I couldn’t fix it. Example, the green text where it says what are microgreens is all aligned left instead of native center when I go into the editor. I deleted the template and companion plugin then reinstalled as well as rest wp entirely but it still looks off when I reinstall the template. When I view the site in incognito mode the text looks correct but when I’m viewing it, it is aligned improperly. How do I fix this?

    Also how do I align the services to the center like I originally wanted to do? This is the area that says preorder, subscription box, etc. I’d also like to remove some of the pictures/boxes where it says business card and align it to center as well.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • rishi911

    (@rishi911)

    4 years, 9 months ago

    Hi, deenaw

    Thanks for contacting us!

    When I am visiting your site, it will show this.
    Please make your site live so we can take a closer look and assist you better.

    Thanks
    Rishabh

    Thread Starter deenaw

    (@deenaw)

    4 years, 9 months ago

    I think I put it in wrong https://livevida.000webhostapp.com/

    rishi911

    (@rishi911)

    4 years, 9 months ago

    Hi,

    To make services in 3 columns and align it on center, Go to your WordPress folder >> wp-content >> plugins >> webriti-companion >> inc >> spasalon >> sections and open the spasalon-features-section.php file.
    Find this line: “<div class=”col-md-3 col-sm-6 col-xs-12 service-box”>” in line no.103 and replace the 3 by 4.

    “To remove some of the pictures/boxes where it says business card and align it to the center as well”. For this, you have to use the custom CSS code.
    Go to Appearance >> Customize >> Additional CSS and add the below custom CSS code:

    .three-thumb{
  display:none;
}
.product {
  justify-content: space-around;
  display: flex;
}

    Note: You can change the “three” by your need like one up to five.

    I hope it will work for you.

    Thanks

    Thread Starter deenaw

    (@deenaw)

    4 years, 9 months ago

    Thank you, this worked for me!

    rishi911

    (@rishi911)

    4 years, 9 months ago

    Hi,

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks:)
    Rishabh

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text and Service Alignment broken’ is closed to new replies.