• Creator
    Topic
  • #16818

    Johnny Good
    Spectator

    Hi,

    I’m trying to make content boxes round and in CSS
    I have this:

    But how do I specify all boxes? what do I put under X?

    Thanks

Viewing 10 replies - 11 through 20 (of 23 total)
Replies
  • Johnny Good
    Spectator
    Post count: 90
    #16910 |

    Hmm, very interesting. My primary browser is Chrome. When I tried with Internet Explorer and Firefox it displays fine only in Chrome it doesn’t and it’s only this one widget. Not a big since it’s only on one browser.

    Roman
    Keymaster
    Post count: 2647
    #16913 |

    Clean the browser cache

    Anonymous
    Post count: 49
    #16919 |

    Open style.css file and find this:

    .widget-content

    around line 431 and remove this line:

    position: relative;

    or just mark it like this:

    /*position: relative;*/

    And your widget will have normal round borders like others.

    Regards

    Johnny Good
    Spectator
    Post count: 90
    #16920 |

    Tried cleaning browser cache in Chrome, still same 🙁

    Johnny Good
    Spectator
    Post count: 90
    #16929 |

    Thanks Jaroslav that worked and I had to clear cache afterwards.
    Now when checking on mobile other widgets have same issue?

    Since I’m modifying /wp-content/themes/evolve-plus/style.css main file, do I run a risk of messing up something else?

    I do have Evolve child theme and all of modifications are done thru theme’s custom CSS. Can I add modifications there?

    Thanks!

    Johnny Good
    Spectator
    Post count: 90
    #16930 |
    This reply has been set as private.
    Roman
    Keymaster
    Post count: 2647
    #16939 |

    try to add in your Custom CSS yet:

    Johnny Good
    Spectator
    Post count: 90
    #16996 |

    Went in style.css main file and removed that comment.
    Added above to my custom CSS and on mobile its still the same using chrome browser even after clearing cache.
    Tried using default browser that came with the phone and its displayed fine?
    Must be issue with Chrome browser on the phone, do you get same effect using Chrome on mobile?

    Thanks!

    Roman
    Keymaster
    Post count: 2647
    #17001 |

    update the code, so it will look like:

    Johnny Good
    Spectator
    Post count: 90
    #17007 |

    Is above code everything needed to make rounded corners or I need to add it to existing ?

    or

Viewing 10 replies - 11 through 20 (of 23 total)

The topic ‘Making content boxes rounded’ is closed to new replies.