• gymkhana-barcelona

    (@gymkhana-barcelona)


    As I could not change the back ground of my blog, I installed a plug-in called Simple Full-Screen Background Image. I upload the image by the it does not appear on the blog. Is it incompatible with the theme to have a background? Ir what did I do wrong?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Balint Toth

    (@tothbalint)

    Hello!

    Could you please share a link to your website so I could take a look?

    Thank you!

    [signature removed per forum etiquette]

    Thread Starter gymkhana-barcelona

    (@gymkhana-barcelona)

    Balint Toth

    (@tothbalint)

    Sorry for my slow reply.

    If this is the background what you are trying to apply with the plugin (marked with the arrows), it is not visible because the theme’s central content holder has it’s own white color background. This can be removed by this CSS code:

    .site {
      background-color: transparent;
    }

    The best way to apply this code by creating a child theme and pasting it in the child theme’s style.css file, or with installing the Simple Custom CSS plugin and pasting the code in Dashboard->Appearance->Custom CSS.

    Cheers,
    Toth Balint BT

    Thread Starter gymkhana-barcelona

    (@gymkhana-barcelona)

    Thanks, it worked!
    Now I am trying to change the color of the menus. I succeeded with the top horizontal menu, by changing the code color. However it seems that the lateral menu won’t change. Is the color code different when the block is semi-transparent?
    Thank you!

    Balint Toth

    (@tothbalint)

    Hello!

    Yes, you are completely right. Because of the transparency, the code needed to set the color, uses a little bit differet color system, namely rgba (more info on that you can find here under the RGB and RGBA headings).

    Currently this is the code which sets the background color of the sidebar menu:

    .widget {
      background-color: rgba(247, 245, 231, 0.7);
    }

    If you don’t need transparency, than you can change the rgba to the hex value settings, so for example if you would like it to have the same color as the main menu bar, you could use this code:

    .widget {
      background-color: #FFFFFF;
    }

    I hope this helps you. ?? If you have any more questions, just feel free to ask them here and I am happy to help you.

    Cheers,
    Toth Balint BT

    Thread Starter gymkhana-barcelona

    (@gymkhana-barcelona)

    Hello,

    Thank you for your help last time. I could change it.
    Now I try to change the color of the pages’ title. I could change the font but I don’t know where the color of the text is encoded… Could you give me the location in the css?
    Thanks!
    perrine

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘background image’ is closed to new replies.