Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1146481

    Hi there,

    We are using UniCPO Plugin for our products as they need complex formulas to display the different prices. As I add the product to the product page, I have the column on the right side, but I have several questions:

    1) I want the style to look different. How can I change background color and enable a header title over the header image as displayed on our old website? (image attached)
    2) How can I remove the price on the top of the product, and leave only the price at the end of the column?
    3) How can I move the purchase button after the price display, not before?

    Thanks in advance.
    Best,
    Miguel

    #1147373

    Hey Projectum,

    We cannot really help you customize the display of the plugin, as it is out of the scope of our support.

    You can use the css to pull the container higher on this page producto/proyectos-de-obra-nueva/copia-unifamiliar/

    
    @media only screen and (min-width: 1024px) {
        .flex_column.av_one_third.flex_column_div.avia-builder-el-5 {
            margin-top: -100px;
            background-color: #f8f8f8;
            padding: 30px;
        }
    }
    

    Best regards,
    Victoria

    #1147774

    Hey Victoria,

    Thanks for the support Is there a way to add the custom CSS just to one single page, or I should add that to the “Quick CSS” under general styles section on the appereance tab?

    #1147946

    Hi,

    You can add the code in a code block on the page in question, or use this CSS instead in Quick CSS:

    @media only screen and (min-width: 1024px) {
        .postid-409 .flex_column.av_one_third.flex_column_div.avia-builder-el-5 {
            margin-top: -100px;
            background-color: #f8f8f8;
            padding: 30px;
        }
    }

    Best regards,
    Rikard

    #1148016

    Hi Rikard,

    Thanks for your reply. I’m adding the above code to a code block on the site and I’m getting an error: you can see the code is displaying on the website instead of being processed.

    Also, you can check under the main content it appears to display a form I’m using on another site, but it’s actually not there! That’s veeeery strange! I cleared up the cache, removed data from my Chrome navigator and still I’m getting that.

    • This reply was modified 4 years, 4 months ago by Projectum.
    #1148311

    Hi,

    You will likely have to wrap the code in style tags:

    <style>
    @media only screen and (min-width: 1024px) {
        .postid-409 .flex_column.av_one_third.flex_column_div.avia-builder-el-5 {
            margin-top: -100px;
            background-color: #f8f8f8;
            padding: 30px;
        }
    }
    </style>

    Or add it in Quick CSS like I suggested above.

    Please stick to one problem at a time, we’ll help you out with your other problems once the initial one is solved.

    Best regards,
    Rikard

    #1148362

    Hi Rikard,

    Thanks for your support, really appreciate it.

    Best,
    Miguel

    #1148779

    Hi Miguel,

    I’m glad that we could help you out. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.