3 questions about Purity II

Forums    Public Forums    JA Purity II    3 questions about Purity II
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • benteveo Friend
    October 8, 2011 at 5:36 pm #169464

    Hi!

    I’m using Purity II template (Joomla 1.7) and I need some help on 3 things:

    1) I’ve made a css customization and configure it like this:

    background: none repeat scroll 0 0 #F7F7F9;
    border: 2px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);
    padding: 13px;
    text-shadow: 0 1px 0 #FDFDFF;

    The problem is that the modules on the sidebar show a rare “double border” that is not being shown on the main content that has the same css configuration. What should I change to display it correctly without that “double border”?

    2) I’ve used some backgrounds on my header and on the botsl position. The red color on that background image is shown well on firefox but not good on Chrome and IE. So, the issue is related to the “background-color” wich is not the same on Firefox with the others.

    3) On the botsl position actually I have 3 modules (Twitter, “Popular”, “How to”). I want to put just 2 modules but keep Twitter with the 33.33% and the other module with the 66.66%. How can I do that?

    Sorry for my english.

    Thanks in advance!

    John Wesley Brett Moderator
    October 8, 2011 at 6:05 pm #417769

    Here’s #1

    <em>@benteveo 274062 wrote:</em><blockquote>
    1) I’ve made a css customization and configure it like this:

    background: none repeat scroll 0 0 #F7F7F9;
    border: 2px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);
    padding: 13px;
    text-shadow: 0 1px 0 #FDFDFF;
    !</blockquote>

    It’s the combination of the two lines above that is giving you the “double border” look.
    If you kill just change the border: 2px solid #FFFFFF; to border: medium none; or simply delete it all together and you’ll be good to go – but not all browsers (IE8 for instance) will read the “box-shadow” code correctly.
    As written, without the border: 2px solid #FFFFFF; the module box in IE8 probably will not have a border at all.

    Have fun
    John.

    John Wesley Brett Moderator
    October 8, 2011 at 6:12 pm #417771

    #2

    <em>@benteveo 274062 wrote:</em><blockquote>
    2) I’ve used some backgrounds on my header and on the botsl position. The red color on that background image is shown well on firefox but not good on Chrome and IE. So, the issue is related to the “background-color” wich is not the same on Firefox with the others.</blockquote>

    There’s no browser issue here…rather browser/monitor issue. The problem is with the inherent issue of the color temperature of red on monitors. On some monitors, red looks like a horrible jpeg image…pixelated, etc. It does NOT translate correctly from one monitor to another. Actually no colors do, but RED is the worst offender.
    I would NOT worry about this at all, until you have a chance to view it on a variety of other monitors…not just browsers.

    I’ve checked your site on two different computers in four separate browsers and can see no discernible difference, actually.

    Have fun
    John

    benteveo Friend
    October 8, 2011 at 6:40 pm #417774

    Thanks jwbrett for both answers!

    About the firs one I think that the problem is related with something about “div.ja-moduletable”, “div.moduletable” and “.color2” because the main content is shown as I want to. The problem is with the modules on the sidebar.

    And about the second thing what seems strange to me is that shown good on firefox but not on Chrome or IE. Let me try to explain my point with two images:

    Visualization on Firefox

    Visualization on Chrome

    Thanks again and sorry for this many questions.

    1. Screen1
    2. Screen2
    benteveo Friend
    October 8, 2011 at 6:47 pm #417777

    I’ve found the solution to the first issue. Instead of giving that customization to “.color2” I did it to “div.moduletable.color2” and it fix my problem.

    I still trying to figure out how to solve 2) and 3). Thanks in advance for your help!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 5 replies, has 2 voices, and was last updated by  benteveo 13 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories