Removing a symbol after text for a specific page

Site URL: https://www.rnatranslation.com/contact

Having trouble targeting and specifically for only that page changing a symbol after text

This about as far as I've gotten

div#block-.sqs-block form-block sqs-block-form

But I'm not sure which tag to use so the code can be recognised like custom css with <style></style>

Hi,

Which symbol? You mean *

Hi there

Yes, just saw this now

I've since been able to solve this problem

But if it's possible could you help with website layout? I've currently got code for the spacing in the footer for a newsletter, but I'm not sure it's the best route

<style>
      span.newsletter-form-button-label
  {
    font-family:'bebas-neue';
    letter-spacing: 1.2px;
  }

  .newsletter-block .newsletter-form-field-element
  {
    border-radius: 0px;
    border: none !important; 
    font-family:'bebas-neue';
    letter-spacing: 0.7px;
    background: white;
    outline: none;
    padding: 16.25px;
  }
  
  @media screen and (max-width:600px) 
  {
    .newsletter-block .newsletter-form-field-element 
    {
      text-align: center!important;
    }
  }
  
  .newsletter-form-header
  {
    display: none !important;
  }
</style>

Is there a better way, or is any code that works fine?

In specific, is using css to modify padding fine for different screen sizes?

On 10/6/2021 at 7:26 PM, RNATranslation said:

Hi there

Yes, just saw this now

I've since been able to solve this problem

But if it's possible could you help with website layout? I've currently got code for the spacing in the footer for a newsletter, but I'm not sure it's the best route

<style>
      span.newsletter-form-button-label
  {
    font-family:'bebas-neue';
    letter-spacing: 1.2px;
  }

  .newsletter-block .newsletter-form-field-element
  {
    border-radius: 0px;
    border: none !important; 
    font-family:'bebas-neue';
    letter-spacing: 0.7px;
    background: white;
    outline: none;
    padding: 16.25px;
  }
  
  @media screen and (max-width:600px) 
  {
    .newsletter-block .newsletter-form-field-element 
    {
      text-align: center!important;
    }
  }
  
  .newsletter-form-header
  {
    display: none !important;
  }
</style>

Is there a better way, or is any code that works fine?

In specific, is using css to modify padding fine for different screen sizes?

 

Hi,

Which screen size do you get problem? What is problem?

No screen size problem, just wanted to know if changing the layout using css is not going to make the site unstable?

If there's a better way please let me know