-
Posts
-
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 :
Hope it can be done :)
Br,
E.
The blog I need help with is cgtpoitoucharentes.wordpress.comI 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.
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.
PS : i volontary keep these lines with the twice you gave to me in order that you can see the matter ;-)
Please :/ I really need help :/
I suggest removing your new CSS so your menus work again. Then, try putting each piece back one by one to find the culprit.
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 :
Hope you’ll be able to help me :/
Br,
E.
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?
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.
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;
}
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.
Thanks for saying that. :)
We care about helping and work hard to answer fast when we can!
The topic ‘Little changing design’ is closed to new replies.
Theme Support 