HELP NEWBIE

holisticjune · Member · Dec 3, 2017 at 10:34 pm
Copy link

Add topic to favorites
Hi,

I’m fairly new to CSS and I can’t seem to make simple changes when I add the CSS code. Im trying to make my currentl blog appear more like this one:
https://holisticjune.wixsite.com/holisticjune

1) change the menu location to appear at the top
3) remove the padding in the menu bar
4) I would like the images to have a fixed size to where it doesn’t crop anything out
5) take out the description of the articles and just keep the titles

If anyone could help me with anything, it would be of great help. Thanks in advance!

The blog I need help with is: (visible only to logged in users)
diegopereira91 · Member · Dec 4, 2017 at 2:29 pm
Copy link
Hello @holisticjune,

I wrote some CSS snippets, hope they work for you :)

1) change the menu location to appear at the top
```
@media screen and (min-width: 50em) {
.main-navigation {
 text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
}
}
```
take out the description of the articles and just keep the titles
```
@media screen and (min-width: 50em) {
.category .entry-content { display: none!important; }
}
```
remove the padding in the menu bar
Please see if it’s still needed (as I’ve moved the menu up)

I would like the images to have a fixed size to where it doesn’t crop anything out

I think it’s not a good idea to use CSS for this because it can distort the image.

Cheers
realsimpleway · Member · Dec 10, 2017 at 5:50 pm
Copy link
Hi,

Seems like @diegopereira helped ya out! Great!

If you ever need more CSS help, feel free to reply here, and WordPress.com also has a documentation to get help. Relating to your request—here is the link for some CSS basics:

https://en.support.wordpress.com/custom-design/css-basics/

Hope that helps!
Thanks,
Jamie.
sfmerv · Member · Dec 10, 2017 at 9:52 pm
Copy link
You might want to look for a different theme diegopereira91 is right about the image, it would be hard to make it show the way you want, it isn’t just an simple image tag in there.

Some theme let you decide how it will be crpped but it’s hard to find one size fits all
thesacredpath · Member · Dec 18, 2017 at 8:09 pm
Copy link
Hi @holisticjune, if you look at the Penscratch 2 theme showcase page, and scroll down to the Quick Specs section, it lists the best sizes to use for various images in that theme. If you make your featured images that size, there should be minimal cropping of the images.

No items found.