test
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • calavaro Friend
    #200077

    Hi,

    So the Position 1, 2 and 3 modules have the following color options.
    box-background-primary
    box-background-secondary
    box-background-dark

    Primary outputs to “Blue”
    Secondary to “Green”
    Dark to “Dark grey”

    Where and how can I change the colors to which ever color I want?
    Thememagic only seems to hold the “Brand Primary Color” @blue, but there is no “Brand Secondary Color” nor “Brand Dark Color” options there…

    Thank you.

    All the best,

    Calavaro

    Pankaj Sharma Moderator
    #543851

    Hello to change the BG color on position 1,2,3
    add this css code in your custom.css file

    For
    box-background-primary

    .t3-module.box-background-primary {
    background: #3498db; }

    box-background-secondary

    .t3-module.box-background-secondary {
    background: #0F0FE7;
    }

    box-background-dark

    .t3-module.box-background-dark {
    background: #333333;
    }

    Change the value of color code as per you need .
    For the issue related to brand color can you explain a bit more with a screenshot , for which container you want to apply the brand color .

    calavaro Friend
    #543856

    Thank you, the custom css codes is exactly what I needed.

    I found that the below code is needed as well, to color match the small overlapping box over the Position 1,2 and 3 boxes.

    .t3-module.box-background-secondary:before {
    background-color: #000055
    }

    Regarding the brand color. I thought that in Thememagic I could change brand secondary color (which is green), but there is no such option. In any case, I only need to change the Position 1, 2 and 3 colors with my own custom colors so there is no need for further, in depth, coding.

    Thanks again.

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

This topic contains 3 replies, has 2 voices, and was last updated by  calavaro 10 years, 5 months ago.

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