visible existing css

wetbeadsontheline · Member · Aug 13, 2013 at 9:05 pm
Copy link

Add topic to favorites
Hello. I have just purchase the custom design for my new site http://artshell.org and applied the ‘forever’ theme to it, I have made some adjustments to it, but wish to simplify it more. As a novice I want to see the css that is already there with the theme, so that I may ‘tweak’ it, but all that appears is

I want to do these 3 things:
1) remove the ‘home’ button entirely (eventually making the title image ‘home’)
2) remove the line around the title image
3) Expand the over width to fit the browser window (to make the current narrow ‘blog’ style look more ‘websitey’)

Can you help please!
Thanks,
Jo

The blog I need help with is: (visible only to logged in users)
amightywp · Member · Aug 14, 2013 at 4:58 pm
Copy link
Hi there,

I’ve moved your ticket over to our CSS Customization Forum where one of the talented volunteers should be able to help you out with what you are trying to do!
thesacredpath · Member · Aug 21, 2013 at 10:47 pm
Copy link
1. Hi Jo, this will leave the top double border line to separate the header from the content area.
```
.menu {
display: none;
}

#access {
border-bottom: medium none;
min-height: 0;
}
```
If you wish to get rid of the double line I left above also, then do this instead.
```
#access {
display: none;
}
```
2. This will get rid of the border for you.
```
#masthead img {
border: none;
}
```
3. Forever is not a responsive width theme which means that if someone comes to your site with a monitor that is narrower than the width you set, they will typically have to scroll horizontally to see all of your site. My first suggestion might be to consider a responsive designed theme which will adjust for everything from a smartphone to a huge desktop monitor. You can look through the available responsive layout themes here: http://theme.wordpress.com/themes/features/responsive-width/

That said, the following will give you a sort of responsive width theme. I’ve set 960px as the minimum width (the original width of the theme) and set a max width of 1260px and then set a percentage max width for the content area so it adjusts to the available area for the content.
```
#page {
max-width: 1260px;
min-width: 960px;
width: auto;

#content {
max-width: 62%;
}
```
Give it a try and see what you think. Make sure and play around with it and view different pages and such and then let me know if anything blows up. It looks good to me, but just in case I missed something…
wetbeadsontheline · Member · Aug 22, 2013 at 6:42 am
Copy link
Thank you so much! It worked beautifully.
thesacredpath · Member · Aug 22, 2013 at 1:08 pm
Copy link
You are welcome.

No items found.