[gavgeorgeParticipant]

Hi there,

I want to customize the content dock to look like Theme X’s dock at: http://theme.co/x/demo/extensions/content-dock/example-2/

Specifically, how do I:
1. Remove the “>” before the header
2. Make the header bold (adding tags to the widget doesn’t work)
3. Add an icon

Also, is there by any chance an option to have an image for the entire background? That would be pretty cool.

Thanks,
Gav

[Prasant RaiModerator]

Hello Gav,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[gavgeorgeParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating.

1. It seems you have added the below code to your customizer –

.widget_text .h-widget::before {
  content: "";
  font-size: 0.925em;
  padding-right: 0.4em;
}

Please remove it to get expected result. If you are using it for other place then use correct selector for that.

You can also add this under Custom > CSS in the Customizer to remove the icon from the content dock if you can’t remove the code.

.x-content-dock .h-widget::before {
  display: none;
}

2. You can add this under Custom > CSS in the Customizer.

.x-content-dock .h-widget {
  font-weight: bold;
}

3. I am not sure where you are trying to add an icon. Please clarify with a screenshot.

4. You can use background image by some custom CSS –

.x-content-dock {
  background: url("http://assets.enhanceentertain.netdna-cdn.com/wp-content/uploads/2015/11/home-2.jpg") no-repeat scroll center center / cover ;
}

Hope this helps.

Cheers!

[gavgeorgeParticipant]

Excellent! I figured out the icon issue, the cache just needed refreshing.

Thanks kindly for the help.

Cheers,
Gav

[ChristopherModerator]

You’re welcome 🙂

[Author]

Posts