WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Change background color to 3 circles (feature pages) (31 posts)

  1. weberagr
    Member
    Posted 1 year ago #

    I have changed the body background color and the 3 circles (featured pages) are white. Could you please help me, where I can change this background?

    Thanks in advance

  2. alexxbaumbach
    Member
    Posted 1 year ago #

    I also need to change the background color of the (white) round frames around the featured pages.

  3. navitdude
    Member
    Posted 1 year ago #

    Hi,

    Share link of the page.

    Thanks,

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    @navitdude: Customizr is a very complex theme with its own inbuilt customisation options. Do you have experience in using this theme?

  5. navitdude
    Member
    Posted 1 year ago #

    Hi,

    I know this theme is built on bootstrap css framework which is very wide and highly customizable.
    I have developed many projects in bootstrap framework.

    Thanks,

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    Perhaps but you seem to be frequently advising users to edit the theme's template and CSS files - which is NOT correct. They should create a child theme for their changes. Or install a custom CSS plugin.

  7. amcneil
    Member
    Posted 1 year ago #

    I would like to know the same, if someone has an answer that would be great.

  8. 10tklz
    Member
    Posted 1 year ago #

    As @esmi said you really need to create a child theme which can be read about here: Codex - Child Themes or through the "Customiz'it!" menu down at the bottom there is an entry "Custom CSS". There you can place your own CSS to change colors etc.

  9. 10tklz
    Member
    Posted 1 year ago #

    For example, if you look at what I have done here http://107.21.230.51/ in the "Custom CSS" I added:

    .round-div {
    background-color: #00008B; }

    In place of the hex code for dark blue #00008B you can enter the hex code for whatever color you wish.

  10. 10tklz
    Member
    Posted 1 year ago #

    For example, if you look at what I have done here http://107.21.230.51/ in the "Custom CSS" I added:

    .round-div {
    background-color: #00008B; }

    In place of the hex code for dark blue #00008B you can enter the hex code for whatever color you wish.

  11. amcneil
    Member
    Posted 1 year ago #

    10tklz thank you for the reply but I guess I wasn't clear in what I'm looking for.

    I'm referring to the grey, 270 x 250 square image place holder that the feature image sits in.

    If I change the theme's background to a different color, I want to change that image to match, but I can't locate the image file in order to do so.

  12. 10tklz
    Member
    Posted 1 year ago #

    Like what I have here? http://107.21.230.51/

  13. amcneil
    Member
    Posted 1 year ago #

    Yep!

  14. 10tklz
    Member
    Posted 1 year ago #

    Ok, the CSS for that is
    .round-div { border-color: #f78c40 }
    You just need to enter the hex code for whatever your current theme background is.

  15. amcneil
    Member
    Posted 1 year ago #

    Hmmm not working for me.

  16. 10tklz
    Member
    Posted 1 year ago #

    You placed the code within the "Custom CSS" text field? And after saving it had no effect whatsoever?

  17. amcneil
    Member
    Posted 1 year ago #

    That's correct. Is that place holder an image?

  18. 10tklz
    Member
    Posted 1 year ago #

    The color that I changed to orange on my site is a border which is styled through CSS. Can you post a link to your site in this thread?

  19. amcneil
    Member
    Posted 1 year ago #

    Oh well not going to worry about it now, to much other stuff to finish up.... Thanks for the help!

  20. amcneil
    Member
    Posted 1 year ago #

    http://anthonymcneil.com I saw you changed it to orange.

  21. 10tklz
    Member
    Posted 1 year ago #

    If you check my link again you will see I have changed the color. This time the CSS I entered was this
    .round-div {border:104px solid #0088cc}
    Does that work for you?

  22. amcneil
    Member
    Posted 1 year ago #

    Nope still not working

  23. 10tklz
    Member
    Posted 1 year ago #

    Hmm... strange... try this
    .round-div { border-color: #0088cc !important}

  24. amcneil
    Member
    Posted 1 year ago #

    Nope. To heck with it. Appreciate the effort!

  25. amcneil
    Member
    Posted 1 year ago #


  26. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @amcneil - please ask in a new thread - your question is not related to this one.

  27. chemeridart
    Member
    Posted 4 months ago #

    10tklz:

    i used your code, but it isn't responsive when resizing the site to a smaller scale. are you having this problem? if so how can i adjust for this?

    .round-div { border-color: #0088cc;}

    thanks!

  28. d4z_c0nf
    Member
    Posted 4 months ago #

    Add also this to your custom css

    @media (max-width: 979px){
    .widget-front .round-div, article .round-div{
    border-color: #0088cc;
    }
    }
  29. hugo_alva
    Member
    Posted 4 months ago #

    Are you telling me how he could help change the image of the home, these circulars that are within the 3 columns?

  30. journalt
    Member
    Posted 2 months ago #

    Although his reply is quite old I am responding to @ esmi Forum Moderator here. It is my understanding that Customizr provides the Custom CSS area in the framework for us to add custom CSS. Is this not the case? I did not think it was necessary to create a child theme for one or two minor changes to the CSS (although I must admit the changes I'm trying aren't working anyway, but this is more of a philosophical question than a direct reply. )

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.