Announcement

Collapse

Posting Rules

Posting Rules
This forum was created to help 3dcart users share tips on getting the best out of the service, offer knowledge and experiences about e-commerce in general, and to promote a positive environment in which our merchants can request/dispense advice regarding best practices.

The forum was not created for 3dcart users to submit requests for customer support. Any support related thread will be removed and a support ticket will be placed on your behalf. If you have technical difficulties please visit http://support.3dcart.com.

The 3dcart forum is also not intended to be a medium in which to express dissatisfaction about 3dcart’s service, policies or its management and staff. Threads of this nature will also be removed from the forum. If a support issue with your 3dcart store was not resolved in a satisfactory manner; or if you feel that a particular 3dcart offering/policy is not to your liking, please let us know by emailing ceo@3dcart.com so we can address your concerns directly.

Again, our purpose is to cultivate a positive learning environment for our merchants rather than platform in which to express grievances.

Very Important Rules:
• Never give away your store administration login/password in this forum.

Should you need technical help, please let 3dcart staff help.
Also, please be aware that 3dcart staff will NEVER need to ask for your 3dcart related passwords.

General Rules:
• While debate and discussion are acceptable, we will never tolerate rudeness, insulting posts, personal attacks or inflammatory posts. Our decision is final in these matters.
• Please refrain from posting meaningless threads, one word (or short) nonsensical posts, or similar postings.
• Multiple or repeated posting in order to increase your post count is not allowed.
• Advertising, spamming and trolling is not allowed. This includes using the forum email and Private message system to spam other members.
• We also do not allow posts that are sexual in nature.
• Please wait at least 24 hours before bumping posts.
• Discussion of illegal activities such as software and music piracy and other intellectual property violations are not allowed.
• Each member is allowed one login account. Registering with multiple accounts is not allowed.
• We reserve the right to remove offensive posts without notice.
• We also reserve the right to remove postings which are in violation of our specified posting rules
• Also, while these rules cover most common situations, they cannot anticipate everything. Consequently, we reserve the right to take any actions we deem appropriate to ensure these forums are not disrupted or abused in any way.
• You cannot post any affiliate or referral links, or post anything asking for a referral. Such posts will be subject to removal.
• You cannot post advertisements or notices for contests.
• We also reserve the right to ban anyone who willfully violates the forum rules, as access to our support forums are a privilege and not a right. A banned customer is still entitled to support from the support system, but will not be able to participate in the forum.
See more
See less

Text Color on Extra Field Tabs

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Text Color on Extra Field Tabs

    How do you change the text color on the Extra Field labels? I use 3-4 extra fields (Description, Dosage, Ingredients, Links) on my product listing page and the tabs that aren't active use a very light color (#ccc) so it makes them difficult to read. See any product at HolisticPetInfo.com and you'll see what I mean. I've looked at the CSS but can't seem to find where to change the color to something darker. Any suggestions?


  • #2
    It seems like it would be done on the product page. I found two older posts that refer to changes there. https://forums.3dcart.com/forum/shop...om-field-label

    https://forums.3dcart.com/forum/shop...-custom-fields

    Hope this helps some.
    http://www.pack-secure.com

    Packaging and Shipping Supply Specialists

    Comment


    • #3
      Thanks -- I looked at the post above and it doesn't indicate how to make the font color change in the CSS. I've looked at the product listing page (Listing_0.html) but still don't see where I change the font color for the non-selected tabs. I'm pretty sure it would be in the CSS but I can't figure where....

      Comment


      • #4
        JulieAndrus

        You more than likely don't have the rules in your default css as they are held in layout.css.

        So you will need to add the necessary rules and you will need to add 2 rules. 1 for the inactive tabs and 1 for the active tab. Reason being is that if you just add the inactive css it is related to the active tab and will change that one as well if the active tab css isn't specified independently.

        Inactive tab CSS rule:

        #listing0 .r-tabs .r-tabs-nav .r-tabs-anchor {
        background: #222222 none repeat scroll 0 0;
        color: #fff;
        }

        Active tab CSS rule:

        #listing0 .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        background-color: #fff;
        color: #222;
        }

        So just add those to your active css file and change the colors accordingly. Hope this helps
        TheCartDesigner.com

        Follow Us on Twitter
        **TIP THE "HELP" JAR**

        Comment


        • #5
          Thanks Cart Designer -- I added the two rules to the default_modified.css but nothing changed on the live site. I also tried adding the whole block of rules for r-tabs from the layout.css but again, nothing changed on the live site.

          Here is what I added to the modified.css:

          .r-tabs {
          position: relative;
          }
          .r-tabs .r-tabs-nav {
          border-bottom: 1px solid #ccc;
          }
          .r-tabs .r-tabs-nav .r-tabs-tab {
          position: relative;
          top: 1px;
          }
          .r-tabs .r-tabs-nav .r-tabs-anchor {
          background: #FAFAFA;
          margin-bottom: 3px;
          padding: 10px 15px;
          display: inline-block;
          text-decoration: none;
          color: #666;
          font-weight: bold;
          }
          .r-tabs .r-tabs-nav .r-tabs-state-active {
          background-color: #fff;
          margin-bottom: -1px;
          border-top: none;
          border-right: 1px solid #ccc;
          border-left: 1px solid #ccc;
          }
          .r-tabs .r-tabs-nav .r-tabs-state-disabled {
          opacity: 0.5;
          }
          .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
          color: #000;
          background-color: #fff;
          border-top: 3px solid #000;
          }
          .r-tabs .r-tabs-panel {
          border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          border-left: 1px solid #ccc;
          margin-bottom: 3px;
          min-height: 200px;
          }
          .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
          display: block;
          padding: 10px;
          background-color: #000;
          color: #fff;
          font-weight: bold;
          text-decoration: none;
          margin-bottom: 3px;
          }
          .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
          opacity: 0.5;
          }
          .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
          background-color: #fff;
          color: #000;
          border-top: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-left: 1px solid #ccc;
          margin-bottom: 0;
          }
          .r-tabs .r-tabs-nav {
          margin: 0;
          padding: 0;
          }
          .r-tabs .r-tabs-tab {
          display: inline-block;
          margin: 0;
          list-style: none;
          }
          .r-tabs .r-tabs-panel {
          background: #fff;
          padding: 15px;
          display: none;
          }
          .r-tabs .r-tabs-accordion-title {
          display: none;
          }
          .r-tabs .r-tabs-panel.r-tabs-state-active {
          display: block;

          Comment


          • #6
            Did you clear cache after you made the changes? Sometimes that is the issue with our site.
            http://www.pack-secure.com

            Packaging and Shipping Supply Specialists

            Comment


            • #7
              Originally posted by Pack Secure View Post
              Did you clear cache after you made the changes? Sometimes that is the issue with our site.
              JulieAndrus I double that. Be sure to clear your browser cache/store cache and refresh after you make the change to the css

              No reason to add all the tab rules. Just the ones I specified previously.
              TheCartDesigner.com

              Follow Us on Twitter
              **TIP THE "HELP" JAR**

              Comment


              • #8
                I cleared the cache on the control panel and that didn't work. Once I cleared the browser cache, the changes appeared. Thanks for the suggestion and thanks to the Cart Designer for the code.

                Comment


                • #9
                  You're Welcome.
                  http://www.pack-secure.com

                  Packaging and Shipping Supply Specialists

                  Comment


                  • #10
                    JulieAndrus I agree yet again, you are welcome
                    TheCartDesigner.com

                    Follow Us on Twitter
                    **TIP THE "HELP" JAR**

                    Comment

                    Working...
                    X