Support Forum
Hey,
It would be good if there was a settings "group" in the reboot theme template for border radius, currently my theme has some done manually but I'm missing one or two here and there.
For example, I'm trying to make everything have a radius of 2.5 with the exception of any "buttons" for example:
or the Search Button, Add Topic, Add Reply... etc
Any chance this could be added or someone can give me a comprehensive list of elements?
So far I've got:
#spMainContainer .spMemberGroupsSection .spMemberGroupsHeader, #spMainContainer .spGroupViewSection .spGroupViewHeader, #spMainContainer .spForumViewSection .spForumViewHeader, #spMainContainer .spTopicViewSection .spTopicViewHeader, #spMainContainer .spListViewSection .spListViewHeader {
-webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spHeadContainer, #spMainContainer .spBodyContainer, #spMainContainer .spGroupForumContainer, #spMainContainer .spFootContainer {
-webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spHeadControlBar {
-webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spGroupForumSection.spOdd, #spMainContainer .spForumTopicSection.spOdd, #spMainContainer .spMemberListSection.spOdd {
-webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer ul#spProfileTabs {
-webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer .spTopicPostSection, #spMainContainer .spTopicPostSection .spPostSection {
-webkit-border-radius: 5px; border-radius: 5px;
}
#spMainContainer img.spAvatar {
-webkit-border-radius: 5px; border-radius: 5px;
}
/* slight errors with the borders on these...*/
#spMainContainer #spMembersListSearchForm .spForm {
-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
}
#spMainContainer #spMemberPageLinks {
-webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
}
#spMainContainer #spMemberPageLinks.spPageLinks.spPageLinksBottom {
-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
}
Hey RyanD,
I think the shortest answer here is continue as you are, and use the inspector to spot the missing elements that you want to apply the border radius to. To make it a bit more controllable you could modify the $smallRadius variable in the overlay to the radius you want, and just paste in:
<?php echo($smallRadius); ?>
Instead of the long way you are adding it there. This also means that if you decide later you would rather have a 4px border you only have to change one thing.
The longer answer - I guess the theme doesn't really give much of an option for radius because it's a square theme! It's definitely something I'll consider adding using something similar to / or the $smallRadius variable in the overlay.
But, how far do you take it? Some people might want a 5px radius on some elements and a 2px radius on others, so do you make a border radius variable for each element? Essentially it would be the same amount of input as you are now doing - although they would most likely be arranged in a nice easy to access list of variables in the overlay.
This is the first request, but I'd be interested to see how many people would be interested in border radius in Reboot before opening up a ticket to add it. I know Andy is probably pro the idea!
1 Guest(s)