New Theme not respecting additional CSS

  • Ian

    (@isolley)


    6 years, 9 months ago

    Hi,

    So I updated to a new theme yesterday and it’s great, problem is when I added some old CSS sytle sheet code to make the new theme/site look the same it didn’t.

    For example I have payment buttons on the home page for both Worldpay and Paypal and they have shifted to the left instead of being centred.

    Also the text:

    Get “Eliminating Toxic Overload Safely” eBook:
    isn’t in italic red font?

    Does anybody know why this old CSS code added to the new CCS theme stylesheet doesn’t work?

    The original page code on the home page has:

    <div class="paypal">

    and it’s still there now (with the new theme added) and worked well because I had red italic writing where I needed it (call to action above the payment buttons) and both the payment buttoms were centred. Now when I add the custom CSS (see below) to the new theme’s CSS stylesheet it doesn’t respond to the code?

    Please see url above of what it should look like.

    Thanks for any help.

    Cheers
    Ian

    ============================================================

    .paypal {
	text-align: center;
  /*margin-bottom: 25px;*/
}

.paypal p {
	color: #900;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	line-height: 1.6em;
}

.quotation{
  font-size: 18px;
  color: #273A19;
  font-weight: bold;
  font-style: italic;
}

button {
  border:none;
  background:transparent;
}

.worldpay-button img[class*="align"], .worldpay-button img[class*="wp-image-"]{
  border:none;
}

    ===========================================================

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

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

    (@joyously)

    6 years, 9 months ago

    Did you add the style to the Customizer > Additional CSS? (this is loaded by core, not the theme)
    Or did you add it to the theme’s style.css? (this is most likely cached, and most themes actually load a minified version, which would be cached)

    Thread Starter Ian

    (@isolley)

    6 years, 9 months ago

    The latter, direct into the themes css and I already tried deleting all the caches / minified versions etc but still it acts like there’s no code. pls see dropbox image of css:

    https://www.dropbox.com/s/7uw5bjo8i4k1i8x/added-paypal-css-but-no-red-text-and-central-button.png?dl=0

    Cheers,

    Joy

    (@joyously)

    6 years, 9 months ago

    That image shows that you put it in style.css, but it also shows that there is style.min.css, which is probably what is being loaded.
    Put it instead into the Customizer > Additional CSS because it is easier, and it won’t be lost when the theme updates, and it is loaded last so it won’t be overridden by theme styles.

    Thread Starter Ian

    (@isolley)

    6 years, 8 months ago

    Great, thanks Joy, that fixed the payment call to actions and alignment of buttons.

    I tried doing exactly the same for my feedback page which had testimonials in different fonts and colours and yet it didn’t respect the new css:

    
blockquote{ 
font-style:normal;
margin:0;
font-family:inherit;
}

    The original code looks like this:

    
<h2>What People Are Saying About the Book:</h2>
<blockquote>I have just downloaded your book and have found it fascinating and well written. <strong>I am a qualified Doctor</strong> who is getting desperate. I have had Chronic Fatigue Syndrome CFS for over 2 years now, with short lived periods before that but it is my gut that seems to cause all the problems. I am constipated, bloated, have developed too many food intolerances, suffer with headaches and have that vague 'disinterested in life' feeling. I have had periods when i have been much better....I have colonics regularly that help and when I am on various herbs (capyillic acid, olive leaf and oil of oregano) i have improved dramatically. However, it is all too short lived and eventually my symptoms return.

Thank you. Regards

Caroline Bates, (G.P/Doctor), London, U.K.</blockquote>

    Also, if I temporarily go back to my old original theme to check things, when I then go back to this Mission News theme we’re working on here will it remember the Mission News custom css settings and settings of where I moved widgets/sidebars and added my email on the right hand side, over the last few days?

    Much appreciated,

    • This reply was modified 6 years, 8 months ago by Jan Dembowski.
    Thread Starter Ian

    (@isolley)

    6 years, 6 months ago

    Hi

    “I tried doing exactly the same for my feedback page which had testimonials in different fonts and colours and yet it didn’t respect the new css:”

    Any ideas?
    Thanks.

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

The topic ‘New Theme not respecting additional CSS’ is closed to new replies.