Resizing Sidebars/Navs « bring the pixel support forum

bring the pixel support forum » Support Forums » Flare WordPress Theme

Resizing Sidebars/Navs

(27 posts) (5 voices)

Started 1 year ago by sYpram
Latest reply from luke_btp

Tags:

No tags yet.

sYpram
Member

Hi Michael,

Can you help with resizing the sidebars and nav pages?

Thanks.

Posted 1 year ago #
admin_btp
Key Master

Could you be please more specific? I don't have a clue what is your goal:)

regards,
Michael

Posted 1 year ago #
sYpram
Member

Here's a screenshot of what i'm trying to achieve (http://tinypic.com/r/2lu6ems/5)

So if you can help i would like to do the same to right sidebar.

It seems like some unnecessary space is wasted. If we shrink the sidebar/navs it would give us room to add more content.

Posted 1 year ago #
admin_btp
Key Master

Let's do it via the flare-child-theme

1) Copy "flare/page-sidebar-left.php" to "flare-child-theme/page-sidebar-left.php"
2) Open "flare-child-theme/page-sidebar-left.php"
3) Around line .22 search for "c-two-third push-one-third" and replace it with "c-three-fourth push-one-fourth"
4) Around line .36 search for "c-one-third pull-two-third" and replace it with "c-one-fourth pull-three-fourth"
5) Save & voila

regards,
Michael

Posted 1 year ago #
sYpram
Member

Awesome.

Posted 1 year ago #
admin_btp
Key Master

np:)

Posted 1 year ago #
americajr
Member

I tried doing the same thing to the RIGHT SideBar but nothing changed. Any ideas?

BEFORE: post_class( 'c-two-third' ); ?>>
AFTER: post_class( 'c-three-fourth' ); ?>>

BEFORE: <aside class="c-one-third sidebar after">
AFTER: <aside class="c-one-fourth sidebar after">

Posted 1 year ago #
admin_btp
Key Master

Are you sure you've modified the right file?
Because something (even a bad thing :)) should happened

regards,
Michael

Posted 1 year ago #
americajr
Member

Still trying to change the right sidebar width. Any help is greatly appreciated. Just a suggestion, would it make more sense for you to change the sidebar widths since many people are asking for it? If not, no problem.

So i started with your instructions above with some small difference because I'm changing the right sidebar (not the left)

1) I copied (NOT cut/move) "flare/page-sidebar-right.php" to "flare-child-theme/page-sidebar-right.php"
2) Opened "flare-child-theme/page-sidebar-right.php"
3) Around line .22 search for "c-two-third" and replaced it with "c-three-fourth"
4) Around line .36 search for "c-one-third" and replaced it with "c-one-fourth"
5) Saved and ZERO change.

I then deleted "flare/page-sidebar-right.php" to see if anything would happen and no change.

Any ideas?

Posted 1 year ago #
admin_btp
Key Master

Could you please paste here a link?
It would be very helpful

regards,
Michael

Posted 1 year ago #
americajr
Member

If you could send me your email and ill give you an admin login. The site is closed, I use this domain for learning/messing with codes.

Posted 1 year ago #
admin_btp
Key Master

bringthepixel [at] gmail [dot] com

Please link to this topic in your email, so I won't mix it up :)

regards,
Michael

Posted 1 year ago #
americajr
Member

My mistake i sent the User/Password from wordpress. The domain is http://www.Ig.gy

Posted 1 year ago #
admin_btp
Key Master

Does it work? I don't see anything there:/

regards,
Michael

Posted 1 year ago #
americajr
Member

Yes, it works but its closed so you have to login http://www.Ig.gy/wp-admin

Posted 1 year ago #
admin_btp
Key Master

Ok thank you

Posted 1 year ago #
americajr
Member

Any updates? Not rushing you just can't wait to get this site going :)

Posted 1 year ago #
admin_btp
Key Master

http://ig.gy/pages/right-sidebar/

Nothing has changed:/

OK, try to delete the page template from the child theme, and make your changes in the parent theme for a while now. Maybe we are missing something simple :)

regards,
Michael

Posted 1 year ago #
admin_btp
Key Master

OK, I've traced it
You don't use child theme, so there's no template overwriting :)

regards,
Michael

Posted 1 year ago #
americajr
Member

A little confused. I don't use the child theme? And how do I change the widths of the right sidebars?

Sorry, you've been working on it so long, Im not up to speed yet :/

Thanks again!

Posted 1 year ago #
admin_btp
Key Master

Your current theme is FlareTheme, not FlareChildTheme so all your modifications placed inside the child theme are useless or invisible :)

Siwtch to the chilg theme, and see if ot works

regards,
Michael

Posted 1 year ago #
americajr
Member

I switched to the Child Theme and nothing. So now I tried to alter child theme and the theme and nothing still!

Posted 1 year ago #
admin_btp
Key Master

http://ig.gy/pages/right-sidebar/

it works:)

regards,
Michael

Posted 1 year ago #
americajr
Member

Yes! I found out why. I have been using a "post" not a "page".

Last two questions, I promise ;-)

1. How can I edit the post layout? Or better, how can I make the sidebars the same size everywhere?

2. Which file should I edit so that I can continuously update the theme without having to rewrite the code every time.
--- Im guessing I should copy (not cut) the file to "Flare-Child-Theme" leaving the original "Flare Theme" file untouched.

And you have been EXTREMELY helpful. I spread a lot of good words about your Flare theme. Its gorgeous.

Thank you.

Posted 1 year ago #
admin_btp
Key Master

hi,

1) you can find post templates in the "flare/lib/posts/templates/" folder. All templates begin with "single-"

2) Use the Child Theme (style.css for custom CSS rules, functions.php for PHP modifications). Additionaly if you want to overwrite a template copy it to the "flare-child-theme" folder, and remember to preserve a right strcuture.

So back to the 1) copy from "flare/lib/posts/templates/ to "flare-child-theme/lib/posts/templates/"

PS. Thank you for your kind words :)

regards,
Michael

Posted 1 year ago #
Win-kike
Member

Hi Michael,

Can you help with resizing the Page: right sidebar?
i would like to do the same to Page: Right Nav or Page: Right Nav + Right Sidebar.

I use child theme. So i started with your instructions above with some small difference because I'm changing the right sidebar.

1) Opened "flare-child-theme/page-sidebar-right.php"
3) Around line .18 search for "c-two-third"
4) Around line .32 search for "c-one-third sidebar after"

what do i do ?

regards,
John

Posted 8 months ago #
luke_btp
Key Master

Hi,

You should change class "c-two-third" at line .18 and class "c-one-third" at .32 using one the following classes:
.c-one-half, .c-one-third, .c-two-third, .c-one-fourth, .c-three-fourth,
.c-one-fifth, .c-two-fifth, .c-three-fifth, .c-four-fifth, .c-one-sixth,
.c-five-sixth

At line .18 you have class responsible for the post width.
At line .32 you have class responsible for the sidebar width.

So, if you want to change the current page proportions (2/3 post, 1/3 sidebar)
to eg. 3/4 post and 1/4 sidebar, you have to change class "c-two-third" at line .18 to "c-three-fourth" and class "c-one-third" at line .32 to "c-one-fourth".

To change "Page: Right Nav", "Page: Right Nav + Right Sidebar", try to modify in the same manner the following templates:
1) "page-nav-right.php" for "Page: Right Nav"
2) "page-nav-right-sidebar-right.php" for "Page: Right Nav + Right Sidebar"

Of course, first copy those templates into the Flare-Child-Theme.

regards,
Luke

Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.