Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23850

    I really want to make the following change to the CSS of my site (using the theme option) to make the “tabs” on my product detail pages stand out. I have gotten feedback from readers that this is needed. Right now they appear so light and below the “tags” that people are not seeing and using them.

    When I entered the following code in the theme options area, it worked great BUT then I lost the ability to edit any of my product pages. I could see my list of product pages, but when I click “edit” on any of them, I am taken to the front-end 404 error page.

    I tested by removing this CSS and the editing ability came back, but I really want the tabs to look this way to help them stand out and be useful to shoppers. Also, I would like to move the “tag” information that currently cuts the page in half by appearing about the tabs section to the bottom of the page.

    How do i correct this code to change the tabs, then what do I need to do to move the tags to the bottom?

    Thanks,

    Liz

    /*


    tab – the current bg + and hover


    */

    #top div.product .woocommerce-tabs ul.tabs li.active a {

    background-color: #f8f8f8 — !important;

    color: #222222 ; — !important;

    }

    #top div.product .woocommerce-tabs ul.tabs li.active a:hover {

    background-color: #f8f8f8 — !important;

    }

    /*


    tab – not the current bg + and hover


    */

    #top div.product .woocommerce-tabs ul.tabs a {

    background: #2997AB;

    color: #ffffff — !important;

    }

    #top div.product .woocommerce-tabs ul.tabs a:hover {

    background: #2997AB;

    color: #ffffff — !important;

    }

    /*


    font color


    */

    #top .woocommerce-tabs .tabs a {

    color: #ffffff ; — !important;

    }

    #121371

    Hi!

    In this case I’d suggest to add the code to propulsion/css/custom.css. Use ftp to download the file, the insert your code, save the file and upload it to your server.

    Regards,

    Peter

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘CSS Change Causes Product Editing Ability To Disappear and moving tags’ is closed to new replies.