[Asumi]

hello please I need help, it’s been one week since i’m working on my website but I couldn’t find any solution about the menu width

1/ the menu the black section I wanna change the color to white and I want to center the categories.

2/ I want to change the font of the menu and the font of the topics XD

here is a print screen

https://flic.kr/p/Ftt3XE

[Mahesh]

@asumi: Please post in your site url.

Regards,
Mahesh

[Asumi]

it’s: http://www.penandruler.com

i dunno why the line’s width is 100% i want to center the line of the footer too XD my god i’m confused

3/ how to edit the all right reserved in the footer?

[Mahesh]

@asumi: Go to Dashboard=> Apperance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
1. Change the color to white and I want to center the categories.

.nav-primary.search-enabled {
    background-color: #fff;
}

.clean-journal-nav-menu a {
    color: #000;
}

.menu.clean-journal-nav-menu {
    text-align: center;
    width: 95%;
}

.clean-journal-nav-menu li {
    float: none;
}

2. Change the font of the menu and the font of the topics
/* Menu */

#menu-menu .menu-item a {
    font-family: Tahoma;
}
/* Topics */
.entry-header .entry-title {
    font-family: Tahoma;
}

3. Edit the all right reserved in the footer
This option is only available in Clean Journal Pro. I recommend you to upgrade to Pro version. Or you’ll need to use child theme and customize. You can find more details on creating child theme HERE.

Regards,
Mahesh

[Asumi]

thanks it works

1/ I disable the searh on the header but it appears under the 404 page not found or (the post) is there a way to remove it? or to place to the left footer ?

2/ how to change the side bar boxes ? i want them to be smaller and all the widgets have the same size.

thanks

[Mahesh]

@asumi:
1. I checked your site and assume that you’ve managed to do the change by yourself.
2. For making the sidebar smaller, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

#main {
    width: 920px;
}
.sidebar-primary {
    width: 240px;
}

This will make the sidebar smaller for desktops, for small device and responsive design you’ll need to add media queries.
Note: The width of the all widget as set to same but the height of the widget depends on the length of the content.

Regads,
Mahesh

[Asumi]

it finally works
thanks for your hard work @mahesh

[Author]

Posts