This topic has 51 replies, 2 voices, and was last updated 8 years by Camyen.

  • Author
  • #70284
     Camyen
    Participant

    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.
    #70286
     Radu
    Moderator

    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
    #70289
     Camyen
    Participant
    This reply has been set as private.
    #70296
     Radu
    Moderator

    @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
    #70339
     Camyen
    Participant

    @Radu

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

    Attachments:
    You must be logged in to view attached files.
    #70385
     Radu
    Moderator

    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
    #70389
     Camyen
    Participant

    Great! It works. Thank you.

    #70390
     Camyen
    Participant
    This reply has been set as private.
    #70393
     Radu
    Moderator

    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
    #70394
     Camyen
    Participant

    Great! Thank you as always.

    #70395
     Camyen
    Participant
    This reply has been set as private.
    #70420
     Radu
    Moderator

    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
    #70432
     Camyen
    Participant

    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.

    #70434
     Camyen
    Participant

    The screenshot of the search bar is here.

    Attachments:
    You must be logged in to view attached files.
    #70436
     Camyen
    Participant
    This reply has been set as private.
    #70447
     Radu
    Moderator

    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
    #70502
     Camyen
    Participant

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

    #70503
     Camyen
    Participant

    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.

    #70504
     Camyen
    Participant

    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.

    #70665
     Radu
    Moderator

    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
    #70712
     Camyen
    Participant

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

    #70776
     Camyen
    Participant

    @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.
    #71070
     Radu
    Moderator

    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
    #71096
     Camyen
    Participant

    Good! Thank you@Radu

    #71097
     Camyen
    Participant
    This reply has been set as private.
    #71309
     Radu
    Moderator
    This reply has been set as private.
    #71312
     Camyen
    Participant

    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?

    #71313
     Radu
    Moderator

    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
    #71331
     Camyen
    Participant
    This reply has been set as private.
    #71341
     Radu
    Moderator

    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
    #71348
     Camyen
    Participant

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

    #71349
     Radu
    Moderator

    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
    #71355
     Camyen
    Participant
    This reply has been set as private.
    #71369
     Radu
    Moderator

    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
    #71370
     Camyen
    Participant
    This reply has been set as private.
    #71377
     Radu
    Moderator

    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
    #71466
     Camyen
    Participant
    This reply has been set as private.
    #71650
     Radu
    Moderator
    This reply has been set as private.
    #71973
     Camyen
    Participant
    This reply has been set as private.
    #71981
     Radu
    Moderator

    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
Viewing 40 posts - 1 through 40 (of 52 total)

The topic ‘Theme CSS Required for Plugin Navi Tab’ is closed to new replies.

Log in with your credentials

Forgot your details?