Hi! does anyone know why the top part of my profiles box' edges r round and the bottom r square? i just want all of it to be square lol
and also the white divider at the bottom is bothering me sm O.o is it unchangeable?
Heyy im not sure about the rounded corners (if you could drop the layout code i might be able to figure it out) but as for the white divider you need to change the footer border top color
(you can use this code if you dont have a footer section)
Footer,
.site-footer,
.profile-footer {
border-top: 1px solid #UR HEX CODE !important;
}
(if you already have a footer section in your page code you can just copy/paste the border top line into it)
(for a pink divider)
border-top: 1px solid #fc29b4
(for a black divider to blend into the footer)
border-top: 1px solid #000000
@ST0V5 tysm! do u mind if i send u my layout code? the rounded corners wont go omg
@ST0V5 TYSM! i sent u a frq
This reply was deleted.
<style>
body {
background-color: black;
color: #FC29B4;
}
.logo {
content: url("https://files.catbox.moe/thts8g.png") !important;
filter: none !important;
width: 220px !important;
height: auto !important;
}
nav,
nav .links a {
color: #FC29B4;
text-shadow: #FC29B4 1px 0px 1px;
}
#q,
button {
color: #FC29B4;
background-color: black;
border: 2px solid #FC29B4;
}
nav .top {
margin-top: 7px;
background: none;
border: 2px solid #FC29B4;
}
main {
background-color: transparent;
color: #FC29B4 !important;
text-shadow: px 0px 0px #FC29B4;
border: 2px solid #FC29B4;
}
a,
.profile .friends .person p,
.logout-btn {
color: #FC29B4 !important;
}
nav .links {
background-color: black;
color: #FC29B4;
}
.heading,
.url-info {
color: #FC29B4 !important;
background: none;
background-color: black !important;
border: 2px solid #FC29B4 !important;
}
}
.inner {
color: #FC29B4 !important;
border-top: none;
}
.profile-info {
border: 2px solid #FC29B4;
box-shadow: 0px 0px 0px #FC29B4;
color: #FC29B4;
}
.profile-info .inner {
border: none;
color: #FC29B4;
}
.friends {
color: #FC29B4;
}
#comments {
border: 2px solid #FC29B4;
}
.profile .contact,
.profile .table-section,
.home-actions {
color: #FC29B4 !important;
border: 2px solid #FC29B4 !important;
}
.profile .blurbs .section h4 {
color: #FC29B4;
}
td {
color: #FC29B4 !important;
background: none;
background-color: black !important;
}
.details-table {
border: 2px solid #FC29B4;
border-collapse: collapse;
}
.details-table,
td {
border: 2px solid #FC29B4;
}
footer {
background-color: black;
border-top: 1px solid #000000
}
footer p {
color: #FC29B4 !important;
}
.comments-table {
border: none;
}
nav .info {
background: none;
}
/* Online / Kuromi icon */
.online {
color: #FC29B4 !important;
font-size: 12px !important;
visibility: visible !important;
text-transform: uppercase;
}
.online::before {
content: url("https://cdn3.emoji.gg/emojis/1942-kuromi-2.gif");
display: inline-block !important;
visibility: visible !important;
width: 20px !important;
height: 20px !important;
margin-right: 4px;
vertical-align: middle;
}
.online img {
display: none !important;
}
.profile-playlist-widget {
background: #000000 !important;
color: #FC29B4 !important;
border: 2px solid #FC29B4 !important;
}
.profile-playlist-widget {
border-radius: 0;
}
.profile-playlist-widget h3,
.profile-playlist-widget h3 * {
color: #FC29B4 !important;
}
.profile-playlist-widget li,
.profile-playlist-widget li *,
.profile-playlist-widget li a,
.profile-playlist-widget li span,
.profile-playlist-widget li div,
.profile-playlist-widget li p {
color: #FC29B4 !important;
border-radius: 0;
}
.profile-playlist-widget .song-title,
.profile-playlist-widget [class*="title"] {
color: #FC29B4 !important;
}
.profile-playlist-widget .artist,
.profile-playlist-widget [class*="artist"] {
color: #FC29B4 !important;
}
.profile-playlist-widget input,
.profile-playlist-widget input::placeholder {
color: #FC29B4 !important;
}
.profile-playlist-widget button,
.profile-playlist-widget button * {
color: #FC29B4 !important;
background: #000000 !important;
border-color: #FC29B4 !important;
}
.profile-playlist-widget li {
background: #000000 !important;
background-color: #000000 !important;
border: 1px solid #FC29B4 !important;
}
.profile .contact,
.profile .table-section,
.profile .blurbs,
.profile .friends,
#comments {
border: 0.6px solid #FC29B4 !important;
}
.profile .contact .inner,
.profile .table-section .inner,
.profile .blurbs .inner,
.profile .friends .inner,
#comments .inner {
border: none !important;
}
main {
border-radius: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
</style>
lovenote wrote:
Hi! does anyone know why the top part of my profiles box' edges r round and the bottom r square? i just want all of it to be square loland also the white divider at the bottom is bothering me sm O.o is it unchangeable?
find any instance where a border is referenced
e.g. .profile .table-section
and then add in smthn like
border-radius: 10px !important;
also - use f12 to view your page in inspect mode
and pinpoint exact parts you want to change
(i'll be posting a tut about this v soon)
btw, more on border-radius stuff here
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-radius
You must be logged in to reply.