Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 9, 2019 at 11:56 am #1146481
    Projectum

    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

    October 12, 2019 at 3:00 pm #1147373
    Victoria

    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

    October 14, 2019 at 10:13 am #1147774
    Projectum

    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?

    October 15, 2019 at 5:39 am #1147946
    Rikard

    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

    October 15, 2019 at 9:56 am #1148016
    Projectum

    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, 6 months ago by Projectum.
    October 16, 2019 at 6:31 am #1148311
    Rikard

    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

    October 16, 2019 at 10:20 am #1148362
    Projectum

    Hi Rikard,

    Thanks for your support, really appreciate it.

    Best,
    Miguel

    October 17, 2019 at 5:52 am #1148779
    Rikard

    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

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