Docs

[adulthomehealth]

I am trying to set up my side bar to look like this site except for the tags: http://www.salushomecare.com/san-diego/blog/category/home-care/

Here is my site’s blog page: http://adulthomehealthcare.com/blog/

I have set-up the sidebar and widgets and menus but I can’t figure out how to get it to look this way.

Also when I put my cursor over the blog article it turns black with a symbol. I don’t like the look of that. How can this be changed?

[Zeshan]

Hi there @adulthomehealth,

Thanks for writing in!

The styling of your example site is quite different than what you currently have. It could be possible to match the styling with deep CSS and template customizations, but this would be outside the scope of support we can provide. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Regarding the black hover with symbol with on the blog featured image, you can remove the effect by adding following CSS code under Custom > CSS in the Customizer:

a.entry-thumb:hover img {
  opacity: 1;
}

a.entry-thumb:hover:before {
  display: none;
}

Make sure to clear your minification and caching plugins to see the changes.

Thank you!

[adulthomehealth]

That worked. How do I fix the name to remove / / symbols in the name? See attached photos.

[adulthomehealth]

Also is there a way to remove the paper thumbnail image to the left of each title?

[adulthomehealth]

It doesn’t have to be identical to that page. Just be able to have the side bar menu of items. Such as category and search recent posts if possible. Does that still require more than what the theme is capable of?

[adulthomehealth]

Also I would like to remove the words: Permalink to: from the hover mode and just have it state the title. Is this possible? See attachment.

[Lely]

Hi There,

To remove the slash, please add the following custom CSS:

.p-meta>span:after {
    content: "";
}

To remove the paper thumbnail, please use this custom CSS:

.format-standard .entry-title:before {
    content: "";
}

To add sidebar, please go to Appearance > Customize > Layout and Design > Content Layout: Choose either Content Left, Sidebar Right or Sidebar Left, Content Right. Then go to Appearance > Widget and add widgets on Main Sidebar.

To remove permalink, please add this on Appearance > Customize > Custom > Javascript:

jQuery(function($){

	 $(".blog .entry-featured a").removeAttr("title");

});

Hope this helps.

[adulthomehealth]

I followed these instructions and it didn’t work. Any other ideas?

To add sidebar, please go to Appearance > Customize > Layout and Design > Content Layout: Choose either Content Left, Sidebar Right or Sidebar Left, Content Right. Then go to Appearance > Widget and add widgets on Main Sidebar.

[adulthomehealth]

See attached photo.

[adulthomehealth]

Everything else worked except for the side bar.

[adulthomehealth]

Also I would like to have one / in between the blog author name and category. Is this possible to remove one / and not both?

[Paul R]

Hi,

Yes, it’s possible.

Please change this code

.p-meta>span:after {
    content: "";
}

to this

.p-meta>span:first-child:after {
    display:none;
}

With regards to your sidebar, after selecting a layout with sidebar in Appearance > Customize > Layout and Design > Content Layout, navigate to Appearance > Customize > Blog > Layout and select Use Global Content Layout

Hope that helps.

[adulthomehealth]

After adding the new custom codes. This code is not working anymore. Is their another solution.

To remove permalink, please add this on Appearance > Customize > Custom > Javascript:

jQuery(function($){

$(“.blog .entry-featured a”).removeAttr(“title”);

});

[adulthomehealth]

disregard that last message. User error. Its working now.

[adulthomehealth]

I am having a new issue. why is their a page 2 when their is space still on page 1? http://adulthomehealthcare.com/blog/

[Author]

Posts