Theme CSS Required for Plugin Navi Tab

[Camyen]

I am using BuddyPress Job Manager plugin along with WordPress Job Manager plugin. Please take a look at the screenshot attached with. In Job Manager tab, the job title is not parallel with dates. And the ‘Filled’ column always following by a question mark. The plugin author suggest me to edit in theme css. Any idea?

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

To be accurate with a fix, please provide the exact url of that page, and the account login and pass.

Regards
Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

This reply has been set as private.

[Radu]

@Camyen

Add this css to your kleo-child/style.css

COPY CODE

/*Align job title with date*/
#job-manager-job-dashboard table ul.job-dashboard-actions {
	height: 0;
	min-width: 105% !important;
}

Regarding the ? from Filled? it seems that is generated by the plugin.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

@Radu

I added the css, but nothing was changed. Please take a look.

Attachments:

You must be logged in to view attached files.

[Radu]

Try to put CSS the css in Theme Options -> General Settings -> Quick CSS.

Let me know if it works.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

Great! It works. Thank you.

[Camyen]

This reply has been set as private.

[Radu]

Try this CSS

COPY CODE

.dwqa-comment-author .dwqa-date img {
    width: 50px !important;
}

.dwqa-single-question .dwqa-comment {
    padding-left: 80px !important;
}

Regards

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

Great! Thank you as always.

[Camyen]

This reply has been set as private.

[Radu]

Hi,

1. Go to Appearance -> Menus -> Just reorder the tabs then press save, the search cannot be moved.

2. I’ve added a class named hidethisbutton then i added on Quick CSS area this snippet :

COPY CODE

ul#menu-top-menu li.hidethisbutton { display: none;}
body.logged-in ul#menu-top-menu li.hidethisbutton {display:inline-block;}

Regards

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

It looks good.

Could I adjust the width of the search bar? I tried some code in style.css. Nothing surprised me. I’d like the search bar to be almost a quarter of the menu.

Beside, my search bar is shown in blue. I have trying to modify it in Theme Options, but nothing was changed. The colour-changing activity is always delayed. I have to close the browser and then login back to check the modification.

[Camyen]

The screenshot of the search bar is here.

Attachments:

You must be logged in to view attached files.

[Camyen]

This reply has been set as private.

[Radu]

Hi,

1. Fix for follow button.

COPY CODE

span.dwqa-favourite {
    width: auto !important;
}

2. Change search color

COPY CODE

div#ajax_search_container {
    background-color: red !important;
}

input.ajax_s.form-control.ui-autocomplete-input {
    background-color: red !important;
}

Let me know if is ok.

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

Good! The ‘Follow’ button is fixed. However, my search bar is all in red by the above code.

[Camyen]

Could I ask css for the colour of ‘Notification’ tab? It’s shown in the colour of the header. I’d like to choose white.

[Camyen]

How can I add a responsive effect on the ‘Search’ tab just like ‘Notification’? Visitors don’t need to click on the ‘magnifying glass’ icon.

[Radu]

Hi try this

Notification tab white

COPY CODE

.kleo-toggle-submenu {background-color: #FFF !important;}
.kleo-toggle-submenu ul li {color:#000 !important}
.kleo-toggle-submenu ul li a {color:#000 !important;}

Regarding the search, instead on click and expand you want to have hover and expand ?

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

@Radu

This code partly works. There is a diamond-like blue conjunction between the element and the expanded bar. It looks strange.

Yes, I’d like to have hover and expend effect on the search. A similar blue conjunction (like above) always appear if I change the colour of the search bar.

Any idea?

Please take a look at Mashable.com. This site has a relatively seamless hover and expand effect. The clickable elements on the menu is properly highlighted with its pop-up.

[Camyen]

@Radu

Some of the field on my posts are clashed. Please take a look at the attachment. Additionally, I’ve disabled the functionality of comment, but the # comment field is there.

Any idea? Thank you in advance.

Best,

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,
Quick fix for the posts meta

COPY CODE

small.meta-author.author.vcard {
    width: auto !important;
    margin: 0 !important;
}

Regarding the hover search it require some time to achieve this, for the moment i can’t provide the solution for this, i reply you later or tomorrow with a fix.

Best regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

Good! Thank you@Radu

[Camyen]

This reply has been set as private.

[Radu]

This reply has been set as private.

[Camyen]

Thanks @Radu. This issue was solved.

Let’s go back to the thread #70284. Is it possible to use css hide the ‘Filled?’ column? I’ve contacted with the plugin’s author who suggested me to download a plugin called ‘Say What?’. But nothing has been changed. Any idea?

[Radu]

Can you provide me admin credentials again ? I’ve tried to login with the same credentials but unsuccessful.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

This reply has been set as private.

[Radu]

Try this css,

Let me know if it works.

COPY CODE

table.job-manager-jobs td.filled { display: none; }
table.job-manager-jobs th.filled { display: none; }

Best Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

@Radu
Perfect. It is better than any plugin. Thank you as always.

[Radu]

You’re welcome !

Have a nice day

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

This reply has been set as private.

[Radu]

Hi,

This a css way to truncate answers, if you want to have more button at the end it’s more complicated and require some time, i suggest you to contact plugin developer to help you with more button at the end

COPY CODE

.answer-list div  {
display: inline-block;
margin:0px;
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Cheers

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

This reply has been set as private.

[Radu]

You need to look for a WordPress programmer, from my opinion your request is easy to do but it require some time like 2-3 hours.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Camyen]

This reply has been set as private.

[Radu]

This reply has been set as private.

[Camyen]

This reply has been set as private.

[Radu]

Hi,

COPY CODE

.dwqa-single-question .dwqa-question .dwqa-author img {
-webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}

.dwqa-list-answers .dwqa-author img {
-webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}

.dwqa-comments #dwqa-respond img { 
-webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}

Let me know if it works.

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts