Jump to content


Photo
- - - - -

CSS Won't Take Effect

css not working

  • Please log in to reply
29 replies to this topic

#1 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 29 October 2013 - 09:21 PM

So I've used the code below 5 other places on my website that are literally exactly the same on http://websitealright.com and it works fine. I tried it on the news section within the header and it won't take effect? The css selector is set for header-highlight6 and the code below works for every other highlight. What's going on?
 
 
 
.header-highlight6 .highlight-head {
font-size: 48.8px;
margin: 0;
position: relative;
top: 60px;
color: white;
}
.header-highlight6 .highlight-subhead {
margin: 0;
position: relative;
top: 60px;
color: white;
}
 
Even though I'm editing local settings it's reflecting the changes on multiple pages??


#2 fliptheu

fliptheu

    Advanced Member

  • Members

  • 92 posts
  • LocationConcord, CA USA
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 October 2013 - 12:29 AM

As for things not taking effect, try using !important after a rule:

 

top:60px!important;

 

Does that have any effect?



#3 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 October 2013 - 03:19 AM

Hi there,

 

Turn off your Total cache plugin and clear the cache file, that will block the css changes as they're made in the front end of the site on the live page. Need to keep the cache plugin off when making all your edits :-)



#4 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 06:05 PM

@James B @fliptheu Hey guys, I tried both of your solutions with no luck of change. Again, I never had this issue until I updated. I'm really in a time crunch and need to get this site finished by the end of the day friday, so anything you could do to help before then would be very appreciated. Thank you!



#5 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 06:07 PM

If you click on news and on blog on the menu the local settings for "news" are reflecting on both pages. That should also not be happening.



#6 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 07:03 PM

@James B I have now completely removed W3 Total Cache and I am still getting no css changes and local setting are still reflecting on multiple pages.



#7 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 31 October 2013 - 08:32 PM

Hello Bentley 

 

Using a CSS validator i pasted in your custom CSS and it returned  22 errors http://d.pr/i/vDxu with your CSS relating to the following code http://paste.pagelines.com/M6lpQH0f

 

I then made a small addition to your CSS as below 

 

 
h3 {
  color:green;
}

 

this didn't work - i then removed the CSS from the paste above and it then did work http://d.pr/i/ij7p

 

The error appears to be with  with the CSS you are using. Any input error in the code and none of your CSS will work. 



#8 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 31 October 2013 - 08:37 PM

Also i have checked your debug information http://websitealright.com/?pldebug=1

 

Please contact your host and ask them to update your PHP (current version is PHP 5.4) as you have the following active which are no longer needed and have been known to cause issues 

 

PHP Magic Quotes gpc
Yes! Deprecated as of PHP 5.3 and removed in PHP 5.4

 

PHP User

Posix functions are disabled on this host!



#9 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 09:09 PM

@Martin Davies I removed all the .example code, which fixed the css issue,  still I am having my local options change global settings. For instance I chose local on the blog page and made the heading say blog and now on the news page it says blog too? Whats causing this? 

 

Also why was my box shadow code ".example" (the selector) causing the issue? Can I use box shadows?

Godaddy's hosting only has 5.3 PHP

 

I'm not having any issues on my other sites that i'm running DMS on Godaddy



#10 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 31 October 2013 - 09:41 PM

Taking a look at the blog title issue fo ryou now. 

 

With regards the .example - try using a totally unique selector (if you created this yourself) like Bentleyexample (or something like that) 

 

also please try using the Hex color code rather than the name 

 

try    

 
 .box-shadow(0 0 3px #000000); 

 instead of 

 
.box-shadow(0 0 3px black);


#11 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 09:50 PM

I set up the box shadow as you reccomended and it seems to be working so far. Thank you! I am still having the local options blog title issue though. 



#12 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 31 October 2013 - 10:06 PM

great news RE the CSS & box shadows 

 

Please do not make any further changes to your site and i will take a look now. 



#13 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 10:16 PM

@Martin Davies Okay leaving it alone now



#14 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 31 October 2013 - 10:20 PM

The highlight section you have added the information to is in the header. Move the highlight to the template of the page and then add the local settings there and you can then do this for each page. Header is the same on each page. 



#15 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 10:34 PM

I switched it to the Template and am still having the same issue.



#16 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 10:34 PM

@Martin Davies



#17 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 31 October 2013 - 11:24 PM

@Martin Davies Any ideas of what I can do?



#18 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 01 November 2013 - 12:27 AM

Okay, so i've narrowed it down and I cant change the highlight between "Post category" pages, but i can between "Pages". What do you think the issue is? I want to have a different header for each category.



#19 Danny

Danny

    Is Awesome!

  • Moderators
  • 17666 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 November 2013 - 10:40 AM

Hi,

 

If you want to have a different image per category, this isn't currently possible at the moment, I am not sure if this is a bug. However, I have reported this myself, as I was trying to do the same thing and have a different banner image per category.

 

In the meantime, you could use a CSS, to add all the images then hide them per category using one of the following classes located in the body tag to prefix your custom CSS. Which will only display the image for that category.

 

.category-name

.category-id



#20 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 01 November 2013 - 04:13 PM

@Danny That seems like a pretty big flaw considering this was an option in previous version of pagelines and was a huge reason why i decided to pay for DMS. I have no idea how i would implement it this with css (When you choose to hide, it hides on all pages) and why no one told me this earlier this week when i started this thread. I have expressed over and over again that i am in a time crunch and this website is due at the end of today for work. I need to figure out how to make this possible ASAP. I would really appreciate detailed instructions. Thank you.







Also tagged with one or more of these keywords: css, not working