Little changing design

Home Forums Automattic Further Little changing design

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #111880 Resolve

    crcgtpc

    Hello !

    I would like to know if it’s possible to curve a zone from the main page of the theme.

    You can see what I would like to do there :

    http://wp.me/a3A2tk-2CX

    Hope it can be done :)

    Br,

    E.

    The blog I need help with is cgtpoitoucharentes.wordpress.com
    #152875

    Kathryn P.
    Happiness Engineer

    I see you’ve managed to get the top right rounding working – try this for the top left:

    #masthead {
    border-top-left-radius: 10px;
    }

    #page:before {
    background: inherit;
    }

    My colleague Sheri (designsimply) realized the second statement was needed along with the first, as some of the grey background was still showing through the rounded part.

    #152901

    crcgtpc

    Hello !

    I tried you css line but I see that since i add these lines to the CSS code, the primary menu is frozen (dont open) :/ Have you an idea ? I don’t know why :/ It seems that the curve design create matter.

    #masthead, #search-toggle {

    background-color: ;

    border-top-right-radius: 5px;

    overflow: hidden;

    }

    #featured-content {

    background-color: ;

    border-bottom-right-radius: 5px;

    overflow: hidden;

    }

    .site-header ul {

    background: ;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    border-top-right-radius: 5px;

    border-bottom-left-radius: 5px;

    overflow: hidden;

    }

    .menu-item-322 a {

    background: B90504;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-left-radius: 5px;

    overflow: hidden;

    }

    .primary-navigation, .secondary-navigation a {

    font-size: 12px;

    font-weight: inherit;

    background: ;

    border-top-left-radius: 0;

    border-bottom-left-radius: 5px;

    border-top-right-radius: 5px;

    border-bottom-left-radius: 5px;

    overflow: hidden;

    padding-right: 5px;

    padding-left: 5px;

    }

    Thx for your precious help,

    Br,

    E.

    #152902

    crcgtpc

    PS : i volontary keep these lines with the twice you gave to me in order that you can see the matter ;-)

    #152918

    crcgtpc

    Please :/ I really need help :/

    #152923

    Kathryn P.
    Happiness Engineer

    I suggest removing your new CSS so your menus work again. Then, try putting each piece back one by one to find the culprit.

    #152926

    crcgtpc

    I made this and i found that it’s a line who create the prob. But if i trash this line i lost certain curved effect…

    You can see it there :

    http://wp.me/a3A2tk-2Ex

    Hope you’ll be able to help me :/

    Br,

    E.

    #152949

    I made this and i found that it’s a line who create the prob. But if i trash this line i lost certain curved effect…

    I think you might have to choose one or the other, but let’s take a look.

    I checked your site, and (as of right now) I see that the border at the top left of the dark gray area is curved. Could you be more specific about what other curved effect you lost after making a change to fix the curve at the top left?

    #152979

    crcgtpc

    Hello DesignSImply !

    In fact, If I apply the curve on the search button, I have to add the “overflow” css line like this :

    #masthead, #search-toggle {

    border-top-right-radius: 5px;

    border-bottom-right-radius: 10px;

    overflow: hidden;

    }

    But if I had this line (overflow: hidden;), the primary menu become not openable…

    :/ Hope I’m cristal clear :/

    Br,

    E.

    #153045

    To round off the top right and bottom right corners of the “Recherche” on the right side of the main menu on http://cgtpoitoucharentes.wordpress.com/ try removing any current CSS you have saved related to that and add this instead:

    #masthead,
    .search-toggle,
    .header-extra {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    #153049

    crcgtpc

    It works very well !! You save me Design Simply ! Thx a lot :) :)

    By the way, I listen and understand what you told me on the other forum topic. The topic one was closed so I couldn’t answer you. Sorry If I was not gentlemanlike for this …

    Regards,

    E.

    #153052

    Thanks for saying that. :)

    We care about helping and work hard to answer fast when we can!

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Little changing design’ is closed to new replies.