Forums

CSS same css same element dif display on page vs post (3 posts)

  1. NWwaterboy
    Member
    Posted 5 months ago #

    Need help on CSS for same element displaying different on Home and pages than on Post pages.
    The home and pages are displaying the formating in my widgets correctly but in post pages (full post and category) they are not displaying the formating correctly.- it is not finding the image when page served using category or post pages.

    using a child theme of twentyeleven theme.
    using current versions of WP and theme.

    Really could use some ideas -

    The background image png in the widget is not displaying in the post pages

    Example Home and Page top Side bar and right footer widgets display as expected with a gold png background
    http://ph1landrews.com/occupy/dev/wp/ - full page (no sidebar - footer only) http://ph1landrews.com/occupy/dev/wp/demo-page-4

    Category post page does not have the gold background in the top Side bar and right footer widgets
    http://ph1landrews.com/occupy/dev/wp/category/news/regional

    and the full post page (without a sidebar ) does not show the gold background
    http://ph1landrews.com/occupy/dev/wp/news/demo-post-1

    code in the widget - (note the div with image is recognized - the blue text is displaying)

    <div style="background-image: url( 'wp-content/themes/occupation/images/Box-gld-sbar-lowres.png'  );  height:240px; width:238px; color: blue;">
    
    <div style="padding: 40px 20px 20px 15px; font-size:14px;">
    <h1 style="text-align: center;">Site Announcement!</h1>
    <p>You can replace the Text by editing the Widget</p>
    </div>

    Screenshots Right look
    http://ph1landrews.com/occupy/dev/wp/wp-content/themes/occupation/images/screenshot-topsidebar.png (right)

    Screenshot - wrong look
    http://ph1landrews.com/occupy/dev/wp/wp-content/themes/occupation/images/screenshot-topsidebar-bad.png (wrong )

    link to css file
    http://occupy.ph1landrews.com/dev/wp/wp-content/themes/occupation/style.css

  2. esmi
    Theme Diva & Forum Moderator
    Posted 5 months ago #

    Try using Firefox with the Firebug add-on for this kind of work.
    http://getfirebug.com/

  3. NWwaterboy
    Member
    Posted 5 months ago #

    thanks , I am using it.

Reply

You must log in to post.

About this Topic