Layout Style: S2 Flexible Squares Features: Embedded Fonts, No Title, No Subtitle, Made for almost not sidebar, no standard headerimage Layout Width: Flexible Width
How would I make the journal portion wider? As I want the entire photo to be seen without anything cutout, is that going to be possible?
I want to thank you personally for all the help you have given me, it is much appreciated and I have learned a lot from you. HTML/CSS codes do not intimated me as I know a lot from what you have taught me. I'm just not that advanced yet.
No problem. The only place you need to change the journal portion width is in the coding for content. That is in the General Section near the top of the coding. Looks like this:
So what I would do is just adjust the width (which is for the journal portion) slightly. I was able to close the gap in my browser with 55%. But it might be 56% for you. Test the increments and see what you like the best.
Thank you. That is why I created this community. When I started at LJ I felt rather overwhelmed by all there was to learn just to get your journal layout to look the way you wanted it so I thought from all the things I learned, why not make it a little easier for everyone else. I'm glad I succeeded in that for you.
I am considering another tutorial about making your own layout but I want to find the right coding and I'm trying to figure out if I can make it into a video.
It is currently:
background-size: 50% auto;
But try this:
background-size: 50% contain;
This closes the gap between the journal and the background image though it does zoom in just a tad.
The only other option would be to use only contain and make the journal portion wider.
Reply
I want to thank you personally for all the help you have given me, it is much appreciated and I have learned a lot from you. HTML/CSS codes do not intimated me as I know a lot from what you have taught me. I'm just not that advanced yet.
Reply
#content {
width: 50%;
background-color: #ffffff;
float: right;
right: 0;
font-family: "Montserrat", arial, sans-serif;
font-size: 14px;
text-align: left;
padding: 25px 50px 25px 50px;
z-index: 50;
}
So what I would do is just adjust the width (which is for the journal portion) slightly. I was able to close the gap in my browser with 55%. But it might be 56% for you. Test the increments and see what you like the best.
Thank you. That is why I created this community. When I started at LJ I felt rather overwhelmed by all there was to learn just to get your journal layout to look the way you wanted it so I thought from all the things I learned, why not make it a little easier for everyone else. I'm glad I succeeded in that for you.
I am considering another tutorial about making your own layout but I want to find the right coding and I'm trying to figure out if I can make it into a video.
Reply
Leave a comment