Archived

This topic is now archived and is closed to further replies.

  • 0

problem with css customization in firefox


Question

Posted · Report post

hey guys,

 

i have been searching in this forum for css code to change the size of my headlines and delete the border arround the thumbnails on my blogroll...

 

yes, i used firebug too ;)

 

this is the code i use right now:

 

/*Change Font Size for H2 Title Headings*/
h2.entry-title.entry-title a {
color: #fff;
font-size: 24px;
line-height:1.0em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* ==== POSTS ==== */
.post-meta .c_img {
    background: none repeat scroll 0 0 #fff;
    border: 0 solid #fff;
    box-shadow: 0 0 0 transparent;
}
.post-meta .c_img .hentry
.c_img {
    border: 0 solid transparent;
    display: block;
    line-height: 0;
    max-width: 98%;
    padding: 0;
}
.post-meta .c_img img {
    box-shadow: 0 0 0 #ffffff;
}

 

unfortunately the code is only working in safari...not in firefox...

so when i open the page with safari...everything is just like i want it to be.

when i open it with firefox...no changes appear.

 

firefox: post-33208-0-88898600-1357520183_thumb.p

safari: post-33208-0-48139700-1357520192_thumb.p

 

any idea what the problem might be?

thanks in advance...

 

link to the site: http://www.agenturfactory.de/FACTORY_2012/

 

 

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

The issue you have is that you have not entered code for Firefox, so the box shadow for Firefox is probably still loading, see the link as an example.

 

http://css3gen.com/box-shadow/

 

Also, in future I recommend you read up on CSS3 at W3 schools, as this is not a PageLines issue but a problem with your custom CSS.

 

http://www.w3schools.com/

Share this post


Link to post
Share on other sites