[toni]

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!!

[Sakin]

@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;
}

[toni]

Thank you Sakin, it works perfectly!!

[toni]

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!!

[Sakin]

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

[toni]

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.

[Sakin]

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

[toni]

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

[Sakin]

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

[Author]

Posts