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?

[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

[Camyen]

@Radu

http://938.ab0.myftpupload.com/

username: Camyen
pass:H()w2727!

[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

[Camyen]

@Radu

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

[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

[Camyen]

Great! It works. Thank you.

[Camyen]

@Radu I integrated DW Question and Answer with BuddyPress. User’s avatar in comment block is not fitted with the rest. Please take a look at the attachment.

Best,

[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

[Camyen]

Great! Thank you as always.

[Camyen]

@Radu

The primary menu bar of my site has Five link elements: Question, Notification, My account, Logout, Search

Below are some issues regarding to this area.

1. How can I adjust the order of the elements? I’d prefer the order below:
Search, Question, Notification, My Account, Logout

2. I set Get Connected Vertical Page as the front page with login form. In logout status, ‘Question’ tab is always on the menu. How can I hide it just like other tabs?

Best,

[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

[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.

[Camyen]

@Radu

This ‘Following’ button on the single-question page doesn’t shows up properly.
http://938.ab0.myftpupload.com/question/this-is-a-sample-question/

Please take a look.

[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

[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

[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,

[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

[Camyen]

Good! Thank you@Radu

[Camyen]

I made some changes on the Primary Menu. The code you gave to me didn’t work anymore. What happened?

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

[Radu]

I’don’t know what you have done, do you have solved the issue ?

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

[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

[Camyen]

@Radu

H()w2727!

Please try it again.

[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

[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

[Camyen]

@Radu

Please take a look at the ‘Answer’ tab on BP admin bar. Is it possible to refine each answer’s layout making it shorter (clickable MORE at the end)and separated by border (like activity stream).

[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

[Camyen]

Thanks @Radu

I agree with that it’s more complicated and time-consuming job. The plugin is based on an open source project. Do you have any idea on the time and technological requirements on such job? In other words, how long does it takes? What kind of programmer should I look for?

Best,

[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

[Camyen]

@Radu

What’s your definition on WP programmer? Which programming languages should he/she knows? In my opinion, the programmer should (at least) familiar with PHP. An expert is someone has engaged with some WP/BP plugins and theme development (5 years experience). What do you think about it?

Regarding to the time requirement, I am concerning the method that you or other programmers generally used to measure? How did you measure my request takes 2-3 hours to complete? There is no a one-fit-all method. I’d like to know authoritative knowledge from you who is working in the front line of WP/BP.

Beside, I probably has some thoughts on the usage of PHP and CSS in WP/BP. Let’s go back to #71097. You’ve tried your code in #70420 hiding ‘Question’ element on primary menu in my login page for non-logged in visitors. It was worked perfect. However, the didn’t work anymore after I added a new element on primary menu later. Does this case represents a kind of shortfalls of CSS? CSS should be changed with the back-end modification? For example, if I change the name of my website TABLE to something else (maybe CHAIR), then the css in #71341 won’t be worked anymore. Is it?

Best,

[Radu]

Hi,

You should look for a middle wordpress developer.

IF you want to hide some item from menu, just add that class hidethisbutton and the CSS snippet from #70420 to Quick CSS section.

Regarding the 71341 try this :

COPY CODE

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

Cheers

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

[Camyen]

Good. Thank you as always.
How can I turn all my site’s avatar into circle? The avatar on member’s profile page is circle, but it shown in square on question&answer-related pages. Any idea?

[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

[Author]

Posts