How to customise the menu bar on the right hand side

Elsey · February 13, 2018, 11:07pm

In this picture you’ll see the menu on the right, how to I change this to a picture of me and put my about me text etc? Thanks

nabeel · February 13, 2018, 11:49pm

Hi there,

Thanks for writing around! It’s a sidebar of your site and you can use Text Widget to add Image and Text about yourself, to do this, navigate to Appearance > Widgets and add Text Widget in your Main Sidebar. Please see https://lorelle.wordpress.com/2011/08/23/wordpress-tips-exploring-the-wordpress-text-widget/

Hope this helps!

Elsey · February 14, 2018, 9:26am

Hi Nabeel,

Thanks very much for your reply, that’s defiantly helped a lot.

I was hoping you would be able to help me with a few other things.

How to I change the color on that part of the page to be just white, like the rest of the page? It’s currently like a grey for some reason.
Also, I have a big gap between the top menu and the filter by topic drop down, how do I close this gap?
Last question, how to I remove the filter by topic drop down?

Many thanks,
Chris

thai · February 14, 2018, 1:56pm

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.x-content-sidebar-active .x-container.main:before {
    right: 0;
}

div#top {
    background: #fff;
}

Please turn off the POST SLIDER – BLOG option under X > Theme Options > Ethos:

You can also turn off this under X > Theme Options > Ethos > BLOG OPTIONS > FILTERABLE INDEX:

Hope it helps

Elsey · February 16, 2018, 10:46am

Hi Thai,

How do I create my header/top menu like this with the mouse over effect and change the colours etc?

Many thanks
Chris

Joao · February 16, 2018, 3:59pm

Hi There,

This specifically header was create on our theme PRO not X

If you have purchased X before the release of PRO you are entitled to a free upgrade.

Otherwise you can upgrade by paying a little price difference on your Themeco License Page.

https://theme.co/apex/licenses

The image referenced above is part of our Inline Menu Templates of our powerful header builder of PRO Theme

Hope it helps

Elsey · February 17, 2018, 2:06pm

Thanks for letting me know that Joao.

The other issue I’m having at the moment is with the footer. How do I change the text colour here as it’s unreadable at the moment? I have been through the menus but can’t find it.

Also, can you see the light grey bar above the footer bar, how do it turn that off?

Thanks,
Chris

thai · February 17, 2018, 5:17pm

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.x-colophon,
.x-colophon.bottom {
    border: none;
}
.x-colophon.bottom .x-colophon-content {
    color: #000;
}

Let us know how it goes!

Elsey · February 17, 2018, 7:40pm

Hi Thai,

Thanks for that, it’s solved the colour problem but the second bigger and lighter grey bar is still there above the footer.

Thanks,
Chris

ruenel · February 17, 2018, 9:37pm

Hey There,

The lighter grey bar above the footer is for your footer widgets. It is display as blank because you have enabled the footer widget area and all of your footer widget area does not have any widgets in it. You can disable this in X > Launch > Options > Footer and select “None” for the footer widget area.

Please let us know how it goes.

Elsey · February 18, 2018, 6:27pm

Thanks RueNel,

Could you help with another query I have.

On the attached image you will see my about me text, however, the gap between the picture and the text starting is too big for me. Is there anyway I can move this up? It’s currently at the very top in the editor so not sure why there is such a big gap.

Many thanks,
Chris

ruenel · February 18, 2018, 9:48pm

Hello Chris,

Please go to Appearance > Widgets and update the contents of the text widget in your sidebar. Please use this code for the image;

<img style="margin-bottom: 0;" class="alignnone size-medium wp-image-28" src="http://datastorageinfo.com/wp-content/uploads/2018/02/Chris-2-300x296.jpg" alt="" width="300" height="296">

And you should have something like this:

Elsey · February 19, 2018, 12:13pm

Thanks RueNel, that’s all sorted.

I’ve just published my first article but the title is all in upper case even though I’ve not entered it in upper case. Is there something I can switch off for this?

Also, how do I remove the date and name it was published under?

Many thanks,
Chris

mldarshana · February 19, 2018, 1:19pm

Hi Chris,

Add the following CSS rules into your Theme Options > Global CSS area.

.blog .entry-title a, .single-post .entry-title a {
    text-transform: none !important;
}

.blog .p-meta span:nth-child(1), .blog .p-meta span:nth-child(2) {
    display: none !important;
}

.single-post .p-meta span:nth-child(1), .single-post .p-meta span:nth-child(2) {
    display: none !important;
}

Hope that helps.

Elsey · February 19, 2018, 3:44pm

Hi Mldarshana,

Thanks for that, it worked.

In the attached picture I have a home button on my header, however, I can’t work out where the option is to move the blue line under home down, so it is in line with the bottom of the header.

Many thanks,
Chris

Joao · February 19, 2018, 4:40pm

Hi Chris,

Please share your URLso where can provide a taiolored solution.

Thanks!

Elsey · February 19, 2018, 10:57pm

Hi Joao,

It’s datastorageinfo.com

Thanks,
Chris

paul.r · February 20, 2018, 8:01am

Hi Chris,

You can adjust that under Theme Options > Header > Navbar > Navbar Top Height (px)

Elsey · February 20, 2018, 9:14am

Thanks for your reply Paul.

I’ve written an article and published it, I put a post on here yesterday about the title being in upper case. I was told to add some CSS rule which I did and it works but only for the main page, if you go into the article it is still in upper case.

Any idea how to solve this?

datastorageinfo.com/trim

Many thanks,
Chris

Joao · February 20, 2018, 2:04pm

Hi There,

Please add the following CSS to Theme Options CSS

h1.entry-title {
    text-transform: none;
}

Hope it helps