CSS for Soho sidebar

andreabalogh7 · Member · Feb 21, 2018 at 10:47 pm
Copy link

Add topic to favorites
Hello

I need some help with my page (Soho theme). I would like to ask CCS codes for my sidebar, it is a little bit wide.
I would like to keep the gallery area bigger and the menu bar smaller.
Do you have any tips?

Thank you,
Andi

The blog I need help with is: (visible only to logged in users)
mommyhive · Member · Feb 21, 2018 at 11:46 pm
Copy link
Hi there,

Go to My Sites → Customize → CSS and paste the below code.
```
.contentwrapper {
    width: 85%;
}

#header {
    width: 15%;
}
```
The #header is for the sidebar and .contentwrapper is for gallery.

Hope that helps.

Thank you.
andreabalogh7 · Member · Feb 22, 2018 at 9:45 am
Copy link
That helps, thanks a lot!

I have one more question:

I don’t like the margin on the portfolio project types and categories, so I would like to delete them. I already deleted margins on pages, but I don’t know css for the portfolio stuffs.

Right look: https://archephotography.com
Wrong look: https://archephotography.com/project-tag/travel-events/

Thank you!
Andi
skobraf · Member · Feb 22, 2018 at 11:32 am
Copy link
Hi

Are talking about the right margin ?
Thank you!
thesacredpath · Member · Feb 22, 2018 at 5:27 pm
Copy link
Hi @andreabalogh7, see if this is what you are wanting.
```
.portfolio-entry {
  margin-left: 0.25%;
  margin-right: 0.25%;
  margin-bottom: 10px;
}
```
andreabalogh7 · Member · Feb 22, 2018 at 6:48 pm
Copy link
Hi

Yes, I mean the right margin on the portfolio page: https://archephotography.com/project-tag/travel-events/

@thesacredpath, thank you, but unfortunately this css doesn’t work:
.portfolio-entry
{
margin-left: 0.25%;
margin-right: 0.25%;
margin-bottom: 10px;
}

Do you have any other tips?
Thank you!
mommyhive · Member · Feb 22, 2018 at 7:35 pm
Copy link
Hi andreabalogh7,

Check if the below code does the needful. As done earlier you need to go to My Sites → Customize → CSS and paste the below code.

#wrapper {
width: 100% !important;
}

#content {
width: 100%;
}

Hope that suffices your requirement.

Thank you.
andreabalogh7 · Member · Feb 22, 2018 at 7:46 pm
Copy link
Great, it works! Thank you so much!
mommyhive · Member · Feb 22, 2018 at 7:50 pm
Copy link
You are welcome:)

No items found.