Skip to content
This repository has been archived by the owner on Apr 5, 2022. It is now read-only.

BUG: css won't allow changing color of mini-posts textbox in sidebar #101

Closed
samiaab1990 opened this issue Nov 3, 2019 · 2 comments
Closed

Comments

@samiaab1990
Copy link

samiaab1990 commented Nov 3, 2019

Bug Report

Describe the bug

Hi there.
I created a website using this template and have a add-on css overwriting the original css configurations. I could not get the background color (originally #FFFFF in main.scss) to change for each item in the sidebar recent posts container. I would like to know how to change the mini-post items to go along with the rest of my webpage color

I will attach the code below and the exact modification I'm seeking:

code:

#recent-posts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;

header {
flex: 1 1 100%;
}
.mini-post {
background: transparent;

border: solid 1px rgba(160, 160, 160, 0.3);
display: flex;
flex-direction: column;
margin-bottom: 1em;
width: 100%;
@include for-laptop-up {
width: 49%;
}
@include for-desktop-up {
width: 100%;
}
header {
min-height: 4em;
padding: 1.25em 1.25em 0.1em 1.25em;
position: relative;
@include for-laptop-up {
border-top: solid 1px rgba(160,160,160,0.3);
}
@include for-desktop-up {
border: 0;
}
h1 {
font-size: 0.7em;
}
.published {
display: block;
font-family: "Raleway", Helvetica, sans-serif;
font-size: 0.6em;
font-weight: 400;
letter-spacing: 0.25em;
margin: -0.625em 0 1.7em 0;
text-transform: uppercase;
}
.author, .format {
position: absolute;
right: 2em;
top: 2em;
}
}
section {
flex-grow: 1;
overflow: hidden;
.image {
&:hover {
img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
img {
display: block;
height: 100%;
margin: 0;
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
width: 100%;
}
}
}
}
}

screenshot_of_minipost

@pacollins
Copy link
Owner

pacollins commented Nov 5, 2019

See #87

Just as a heads up, both of the main maintainers of this theme just got back to work this fall and are swamped. We are still facilitating PRs from contributors, but our personal contributions are slim at the moment.

@samiaab1990
Copy link
Author

I figured it out what the problem was with this-I will close this and continue to update from the pull request I made

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants