[catwingz]

Hi,
My client has a logo so we have no need of the site title, but we would like to show the tagline. This option sees to be missing from most, if not all, of your themes (I like your work so I have used multiple). What is the CSS to fix this?

Also, in the free version is it possible for me to use the left sidebar instead of the right one?

Thank you

[catwingz]

Hi, I found the sidebar control, so that much is resolved. There are a few other things…

Is it possible to place a repeating background image in the body? I have a tall, skinny gradient I would like to place on the page.

How do I remove the search field from the right side of the header?

I have given the sidebar and the footer a dark background. However, there is a white gap between them and also at the top of the sidebar under the header image. How can I fill the gaps at the top and bottom of the sidebar with the background color?

When rolling over a sub-menu item in the primary navigation the background color of the link appears black. I am trying to change this to another color but have thus far been unsuccessful. My latest selectors are: .clean-journal-nav-menu.sub-menu.current_page_item a
What am I missing?

[Skandha]

@catwingz: Please post in your site URL so that I can look into the issue and provide you feasible solution.

Kind Regards,
Skandha

[catwingz]

Hi Skandha,

This is the link to the temporary url: dev site

Also, I am trying to change the color of the active page link and of the submenu link when it is hovered over, as well as the supplementary footer widget area. This is what I have tried but without result:

.clean-journal-nav-menu.sub-menu a:hover{
	background-color: #092550;	
}
.clean-journal-nav-menu.current_page_item a:active {
	background-color: #4666a3;
}
#colophon.site-footer#supplementary.one {
	background-color: #4666a3;
}

What am I missing?

Thank you

[Skandha]

@catwingz: You can leave the Site Title empty if you don’t want to put a site title.

To insert a background image in the body.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#content {
     background:url("") no-repeat fixed center;
}

To remove search field from header right side
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.sidebar-header-right {
   display:none;
}

Change top and bottom border color of sidebar

.site-content {
	padding:0;
	border-top:20px solid #092550;
	border-bottom:20px solid #092550;
}

To change hover color of sub menu item
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.clean-journal-nav-menu .sub-menu li a:hover {
    background-color: red;
    color: blue;
}

To change active page color on hover
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.clean-journal-nav-menu .current_page_item > a {
    background-color: #092550;
}

To change footer widget color
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#supplementary {
	background:#092550;
}

Let me know if this works out.
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

If the site title is left blank will this have any effect on the SEO? I’ve always thought that it would still stay in the code even if the CSS sets the display to none. Either way, how can I style the font of the site description and reposition it, moving it down and to the right?

The search field is now gone. 🙂

I am wondering if what I had in mind for the background image is even possible for this site. If you go to old site you can see what I was going to do. In this site the content is flanked by the background image on both sides. This is an old theme which is not responsive and no longer supported. I added the file to the development site but it is only visible off to the sides of the banner, and not off to the sides of the main content. This is how I changed the code:

body {
background:url("http://77.104.136.172/~bluepla9/wp-content/uploads/2018/05/bg-gradient-1200.png") repeat fixed;
}

This code `.site-content {
padding:0;
border-top:20px solid #092550;
border-bottom:20px solid #092550;}`
creates stripes across the entire width of the content area at the bottom of the banner and the top of the footer. It needs to be associated with the sidebar because there is still a white gap at the top and bottom of the sidebar. I am leaving it in the code for now, but it’s not the solution.

I have changed the background color of the supplementary footer and removed the top border. I would still like to remove the white line between supplementary and the footer. It doesn’t respond to my attempts to remove or change the border color. What am I missing?

Regarding the supplementary footer, I may only be placing text in one of the widget areas. How can I make it a shorter, narrower band? I was able to remove the top padding but can’t find what is controlling the rest.
Thank you.

[Skandha]

@catwingz: Yes, it does effect the SEO. What you can do is enter the site-title in the customizer and remove it using following CSS Code.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-title {
    display:none;
}

To change the font style and position of site description.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-description {
	font-family:ravie;
	position:relative;
	top:80px;
	right:260px;
}

Change the font-family and top, right according to your requirement.

To change background in content section
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#content {
	background:url("http://77.104.136.172/~bluepla9/wp-content/uploads/2018/05/bg-gradient-1200.png") repeat fixed;
}

To remove the thin line in footer
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#site-generator {
	border-top:0;
}

Reducing height of supplementary footer
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#supplementary .wrapper {
	height:60px;
}

Let me know if this works out.
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

This is a great help. The only piece that is still unresolved is the background for the sidebar. I would like the whole sidebar to have a dark blue background from banner to footer. Right now it’s just the text wideget which looks terrible on the taller pages. I tried
main#main.site-main { background-color:#0992550; }
but it had no effect.

What am I missing?

Thank you!

[Skandha]

@catwingz: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.content-right .sidebar-primary {
	height:465px;
}

Let me know if this is what you want.
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

No, that’s not what I’m looking for. I want the whole sidebar column to have the dark blue background, extending from the bottom of the banner down to the supplemental footer. It needs to be able to work with the pages with short content as well as the ones with very tall content, ideally with no white gap at either the top or the bottom. Is this possible?

Thank you

[catwingz]

Hi Skandha,

I am still hoping there is a solution for the sidebar. Is what I am trying to achieve possible?

Thank you

[Author]

Posts