[solved] moving around the module content or hiding it!

[kakkoi]

i was able to fix the problem i was having by removing the

.module-content .userpic {
position: relative;
left: 280px;
bottom: -65px;
border-radius: 50%;
width: 50px;
height: 50px;
border-style: solid;
}!

problem i was having

hello! i'm back again~ working on another thing, and having issues with the module userpic and hiding it or moving it, essentially. i was able to move where i want the contents of the module userpic to be displayed and how i want the module content to be displayed, but i'm still having the issue of it showing up at the center and top, with the border.

you can view the live version at testerjournal, and the image here. as you can see, or hover over the circle at the top it still shows as if the module userpic is up there which i don't want it to do.

module coding is here, and i can't figure out how to fix this

eta: using tabula rasa, plain

/* secondary */ #secondary { font: 'Montserrat', sans-serif, #33343F, 7px; background: #transparent; width: 607px; } #secondary > .inner:first-child { background: transparent; padding: 0; width: 500px; text-align:right; } .module-wrapper { padding: 10px; } .module-content li { margin: 0; } ul.module-list { list-style: none; margin: 0; padding: 0; text-transform: lowercase; font-color: #ffffff; } .module-navlinks { font-family: Montserrat; font-size: 9px; position: relative; left: 75px; bottom: -40px; font-color: red; text-shadow: 0.5px 0.5px 0.5px #D7D9D7; } .module-navlinks:hover { font-family: Montserrat; font-size: 9px; position: relative; left: 75px; bottom: -40px; font-color: red; text-shadow: 0.5px 0.5px 0.5px #D7D9D7; } .module-list li { margin: 0 .0 0; display: inline-block; font-size: 30px; font-color: ; } div.journal-name { font-family: Sour Gummy; font-size:40px; display:inline-block; position: relative; left: -10px; bottom: -80px; font-color: #fff; } .module-content .userpic { position: relative; left: 280px; bottom: -65px; border-radius: 50%; width: 50px; height: 50px; border-style: solid; } .module-content .userpic img { position: relative; left: 280px; bottom: -65px; border-radius: 50%; width: 50px; height: 50px; border-style: solid; } .module-customtext { text-transform: lowercase; font-size: .8rem; margin: .8em 0 .8em 0; }

Comments

[baisemain]

IMO the easiest way to hide elements in the modules is to go directly to the Modules page in Customize Journal Style and uncheck the elements you want to hide (so uncheck "Profile", or leave "Profile" on but uncheck "Display Default Icon").

I recommend doing the above because it's the sanest way to handle it, but if you're looking for a CSS solution to hide the userpic:
.module-content .userpic { display: none; } (this removes the element entirely)
or maybe
.module-content .userpic { visibility: hidden; } (the element is still there but it's invisible)

[kakkoi]

i was just coming to sayi found a fix for it, haha. i removed the first .module-content .userpic and everything with it, and that gave the display that i wanted