Log in

No account? Create an account
23 July 2015 @ 11:04 am
94. Pretty in Pink  
Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Colorful, Custom Userpic, Floating Effect, Title/Subtitle
Layout Width: 1000px

{ Preview } { Live }

Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

Additional Layout Directions:

  1. The title and subtitle are available for use in this layout. If you would prefer not to use it go to the .title & .subtitlte coding sections and add the line display: none; to the coding. This will "hide" the title and subtitle sections.

  2. The background image provided is a transparent image and you can change the background color in the .body section to any color which will show through it. The image below is actually white but I've given this image a background color for your ability to view it. When you save it, there will be no color to it. For more transparent images see Layout Lounge: Semi-Transparent Images.

  3. For additional help see the Helpful Tutorials list below the images.


Helpful Tutorials:

  1. Common Issues

  2. Theme and Layout Change Tutorial

  3. Image Tutorial: Adding Background & Header Images in Coding

  4. Sidebar: What I Do and Do NOT Want On It

  5. LJ Advertisements: What is that weird box on my LJ?

More Images:
More Headers: Layout Lounge: Headers
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

No Hotlinking Images #4 under general
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Having Trouble? Try:
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.
Sakusakurita on July 25th, 2015 05:52 pm (UTC)

It´s lovely!

I´ll save it for later. :)
Jill aka Josireesanwar on July 27th, 2015 11:31 pm (UTC)
Ninaleenadreamy_snena on July 27th, 2015 12:49 pm (UTC)
This is amazing <3 Really nice layout!
Jill aka Josireesanwar on July 27th, 2015 11:31 pm (UTC)
Thank you.
sexycazzy: H50 Steve alhoasexycazzy on July 29th, 2015 07:31 pm (UTC)
Hi, I am using mini iPad and has been using the 90. Oxygen layout for a while with no problems and wanted a change so wanted to use this layout but I have a problem - the userpics are cut off at the side (see example below - ignore the header for now) ...could you help?


I have also a question - can I change the pink background/boarder/text to a different colour and if yes, how do I do that please?
Jill aka Jo: SH: I & A in swampsireesanwar on July 29th, 2015 09:24 pm (UTC)
Okay first things first. Find this coding:
.userpic, .userpicfriends {
float: left;
margin: -50px 15px 25px -100px;
padding: 10px;
width: 100px;
height: 100px;
text-align: center;
color: #FFF!important;
background: #ffffff !important;
-webkit-border-radius: 60px 60px 5px 60px;
-moz-border-radius: 60px 60px 5px 60px;
-ms-border-radius: 60px 60px 5px 60px;
-o-border-radius: 60px 60px 5px 60px;
border-radius: 60px 60px 5px 60px;
-webkit-box-shadow: -5px 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -5px 0 2px rgba(0, 0, 0, 0.2);
-ms-box-shadow: -5px 0 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: -5px 0 2px rgba(0, 0, 0, 0.2);
box-shadow: -5px 0 2px rgba(0, 0, 0, 0.2);

In the italicized line it has the margin left of -100px. This is what you want to change. So if it is 0px then it is likely going to be in the post and the title should move over. Mess with it and see how it looks on your iPad.

So you don't want Pink? What color do you want? If you are changing all the pink it is a lot to change. I could walk you through it but it isn't easy to do. Let me know.

Edited at 2015-07-29 09:25 pm (UTC)
(no subject) - sexycazzy on July 29th, 2015 10:38 pm (UTC) (Expand)
(no subject) - sireesanwar on July 29th, 2015 11:22 pm (UTC) (Expand)
(no subject) - sexycazzy on July 30th, 2015 12:34 am (UTC) (Expand)
(no subject) - sireesanwar on July 30th, 2015 05:46 pm (UTC) (Expand)
Karytakyoselflove on August 23rd, 2015 01:20 am (UTC)
Love this layout, thanks <3
Jill aka Josireesanwar on August 24th, 2015 07:35 pm (UTC)
Really glad you like it.
mrmeriel_roncal on September 5th, 2015 10:20 am (UTC)
Hello! Thank you very much for this but I'm having a trouble changing the color of the "cut" and "spoiler". Also the "leave a comment" part

I'm also having troubles here since the "title" of the entry on the header here is large. How to resize it?

Sorry if it's too much.

Hoping for your response. Thank you!

Edited at 2015-09-05 01:46 pm (UTC)
Jill aka Josireesanwar on September 8th, 2015 11:10 pm (UTC)
Okay so your title is too big. Find .title coding in the HEADER section. This has the font size at 72px. You might want to go down to 50px or lower. Change it and see how it looks.

Are you talking about the BLUE color for the SPOILER, LJ CUT and LEAVE A COMMENT links?

This might be because of the line:
a, a:link, a:visited { color: # 7a7a7a; }

Remove the space between the # and 7a7a7a. This space can break coding.
(no subject) - meriel_roncal on September 12th, 2015 02:06 pm (UTC) (Expand)
snowingseoulsnowingseoul on September 16th, 2015 08:12 pm (UTC)
i'm using this theme now and it's so lovely, thank you so much!!
Jill aka Josireesanwar on September 18th, 2015 09:15 pm (UTC)
You are very welcome.
Kristal: elevenkristal_brooks on February 19th, 2016 11:00 pm (UTC)
Thank you so much! ^^
Jill aka Josireesanwar on March 10th, 2016 10:52 pm (UTC)
You're welcome.
Cassie: Chris sunglassescassie_faith on February 25th, 2016 07:00 am (UTC)
Here’s my issue: My text is running into my userpics on entries. I changed my userpic frame style from the rounded shape to a square because I often have UPs with text that gets cut off with the round shaped frame. Comments are not doing this because I chose to leave them a rounded shape.

So, what coding needs adjusted to fix this? You can go look at my journal and see, if needed. Please and thank you.
Jill aka Josireesanwar on April 19th, 2016 11:29 pm (UTC)
The problem lies in the margins...

This is what yours currently says:
.userpic, .userpicfriends {
float: left;
margin: 5px -60px 25px 15px;

I would change those margin to

margin: 5px 10px 10px 10px;

This should take care of your issue.
(no subject) - cassie_faith on May 2nd, 2016 03:17 am (UTC) (Expand)
misspocketavmisspocketav on January 17th, 2017 10:16 am (UTC)
So Pretty! I'm saving this :)
Jill aka Josireesanwar on February 7th, 2017 08:03 pm (UTC)
산하엽ctzxaii on May 12th, 2017 05:01 am (UTC)
thanks :)
ive looking at what to layout to use, and decided to use this instead, imma just change a lil of some fonts and color i guess...thanks much :)
Jill aka Josireesanwar on May 15th, 2017 06:30 pm (UTC)
Re: thanks :)
Sounds good.
bluefire986bluefire986 on August 1st, 2017 10:18 am (UTC)
Hi there. I LOVE your layouts! I mod three different Supernatural Bangs and use your layouts for all of them! <3

I just have a super stupid question... I used this layout and changed all the colors to match the theme of the Bang. I just can't find the code line to change the color of the "go earlier" link. I would like to change it to E61C24 ( a red), but no matter what I do it is still a pink color.

Jill aka Jo: BBT: Bazingasireesanwar on September 7th, 2017 08:29 pm (UTC)
It is going to be under footer... one of the footer links to be specific

Does that help.
(no subject) - bluefire986 on September 7th, 2017 08:57 pm (UTC) (Expand)
(no subject) - sireesanwar on September 7th, 2017 09:05 pm (UTC) (Expand)
(no subject) - bluefire986 on September 7th, 2017 09:12 pm (UTC) (Expand)
(no subject) - sireesanwar on October 13th, 2017 06:07 pm (UTC) (Expand)