Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #41241
    toni
    Participant

    Hi Sakin, finally I’m trying Catch Evolution for my website project. I would like to make the borders of the two columns round, the top left and top right of every widget container. This is the address:
    http://www.fcpe2014.es
    Could you help me?
    Thank you!!

    #41270
    Sakin
    Keymaster

    @toni: You can add the following css in “Appearance => Theme Options => Custom CSS” box to add rounded corner in widgets.
    #secondary .widget,

    #third .widget {
        -moz-border-radius: 20px 20px 0 0;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
    }
    #41283
    toni
    Participant

    Thank you Sakin, it works perfectly!!

    #41601
    toni
    Participant

    Hi Sakin, now I would like to eliminate the gap between the header menu and the content. How I could do that? Also, is it possible to put a text header with color in every widget container?
    Thx!!

    #41611
    Sakin
    Keymaster

    Hi Toni,

    Can you post in your site URL so that I can check in the way to eliminate the gap between menu and the content. About the color, I don’t understand it. Can you explain in reference with your site URL or post screenshot link.

    Regards,
    Sakin

    #41612
    toni
    Participant

    Sorry, this is the link:http://www.fcpe2014.es
    The second question was about adding a color to the heading text of the widgets, not to the characters but to the top of the widgets’ area. For example, in my case the areas with search widget, Twitter & Facebook timeline etc…
    Thank you.

    #41618
    Sakin
    Keymaster

    Hi Toni,

    To remove the spacing, you can add the following css.
    #main { padding-top: 0; }

    Again the second question is not so clear. If you want to change the color of title text, then you can change the color code in the following css and add it in Custom CSS box.

    #secondary .widget-title,
    #third .widget-title {
        color: #222;
    }

    Regards,
    Sakin

    #41624
    toni
    Participant

    Thank you very much Sakin. I’ve made the changes.
    I’m creating this project for a client, so they would their website to look as much as possible like this:http://www.apcordobesistas.com . With a coloured banner in every wiget title and also the same screen size.
    I think that it’s made with Joomla, and honestly I find your themes better than that.
    Regards.
    Toni

    #41669
    Sakin
    Keymaster

    Hi Toni,

    You can add the following css in “Appearance => Theme Options => Custom CSS” box to add top right and left corner as the rounded corner fro all widgets.

    #secondary .widget, #third .widget {
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }

    Regards,
    Sakin

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘round borders’ is closed to new replies.