• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

AAC Some .css and .php questions with Znote layout

ralke

(҂ ͠❛ ෴ ͡❛)ᕤ
Joined
Dec 17, 2011
Messages
1,492
Solutions
27
Reaction score
857
Location
Santiago - Chile
GitHub
ralke23
Twitch
ralke23
Hi! I'm having some troubles I think someone can help me... I'm using the lastest version of Znote and configuring old school layout
The thing is, I got 3 questions. First one: how can I make the space between the top of the website and the menus closer?

To explain me better, I have it like this:
how i have.png

and this is how I want:
how i want.png

The second one: Why does my Library and Shop menu changes when I send to right side? It changes the color of the choises to orange... And I want it same as when it were on the left side...

menus.png

And the third one: You guys might hate me for asking this one, because I've should searched better, but I will ask. How can I do background color when writing a paragraph? I would like to have it like this, looks pretty with the border and the background :)...

paragraph.png

If any file of the layout is needed just tell me and i'll upload...

Thanks in advance for your help!
Best wishes, ralke
 
Solution
The second one: Why does my Library and Shop menu changes when I send to right side? It changes the color of the choises to orange... And I want it same as when it were on the left side...

View attachment 53270

Finally achieved how to do this. Just go to style.css and add below
Code:
.left_box ul li a:after
{
    content: "";
    width: 100%;
    background: url(img/line.png) no-repeat center top;
    height: 2px;
    display: block;
    margin-left: -10px;
}

The following:
Code:
.right_box ul li a:after
{
    content: "";
    width: 100%;
    background: url(img/line.png) no-repeat center top;
    height: 2px;
    display: block;
    margin-left: -10px;
}

This solves this thread, in case someone needs.
The second one: Why does my Library and Shop menu changes when I send to right side? It changes the color of the choises to orange... And I want it same as when it were on the left side...

View attachment 53270

Finally achieved how to do this. Just go to style.css and add below
Code:
.left_box ul li a:after
{
    content: "";
    width: 100%;
    background: url(img/line.png) no-repeat center top;
    height: 2px;
    display: block;
    margin-left: -10px;
}

The following:
Code:
.right_box ul li a:after
{
    content: "";
    width: 100%;
    background: url(img/line.png) no-repeat center top;
    height: 2px;
    display: block;
    margin-left: -10px;
}

This solves this thread, in case someone needs.
 
Last edited:
Solution
Back
Top