Wordpress Site Tittle isn't showing

Humza Arain

Humza Arain

Junior Member
Joined
Jun 3, 2016
Messages
108
Reaction score
4
I'm working on jobs site last night everything was okay next morning i woke up i start facing this issue
I don't know what thing is changing jobs tittle fonts and color
It's not showing Exact fonts how it should look like
Site: Wordpress
Theme: Workscout
Job posting plugin: Wp Jobs manager

Check out following images to understand problem
https://imgur.com/a/0Zm1Q
Any solution for this pleasee help



msg for admins : please move it correct section if I'm in wrong section
 
Advertise on BHW
Right click on the post title and click inspect (chrome). Find out which style class changing your title font and colors. You can overide it manually or delete plugin if it has changed by your plugin's classes.
 
adit12 said:
Right click on the post title and click inspect (chrome). Find out which style class changing your title font and colors. You can overide it manually or delete plugin if it has changed by your plugin's classes.
Click to expand...
I replaced CSS file with default file but nothing happens
By changing theme everything was okay here is my site link
www.pakjobscenter.com
can you check the issue and tell me how to resolve this issue?
 
On line 4959 of your site's style.css you should find the below code -

Code: 
/* Job Types */
.map-box h4 span,
.job-spotlight h4 span,
#titlebar h1 span,
#titlebar h2 span,
.job_listings h4 span,
.job-list h4 span {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 28px;
    position: relative;
    margin: 0 0 0 4px;
    top: -2px;
}

Replace color: #fff; with color: #000; and you should be done.
 
BlogPro said:
On line 4959 of your site's style.css you should find the below code -

Code: 
/* Job Types */
.map-box h4 span,
.job-spotlight h4 span,
#titlebar h1 span,
#titlebar h2 span,
.job_listings h4 span,
.job-list h4 span {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 28px;
    position: relative;
    margin: 0 0 0 4px;
    top: -2px;
}

Replace color: #fff; with color: #000; and you should be done.
Click to expand...
applied this code and color of fonts changed but Its still not looking like default? checkout screenshots,
and when i click show more jobs option then new jobs which appear in list are fine fonts, size color everything is fine

check screenshots https://imgur.com/a/QhXLY
 
BlogPro said:
On line 4959 of your site's style.css you should find the below code -

Code: 
/* Job Types */
.map-box h4 span,
.job-spotlight h4 span,
#titlebar h1 span,
#titlebar h2 span,
.job_listings h4 span,
.job-list h4 span {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 28px;
    position: relative;
    margin: 0 0 0 4px;
    top: -2px;
}

Replace color: #fff; with color: #000; and you should be done.
Click to expand...
That has to be done in a child theme if the theme doesn't have custom CSS, or changes will be lost next update
 
blogzandstuff said:
That has to be done in a child theme if the theme doesn't have custom CSS, or changes will be lost next update
Click to expand...
But issue isn't resolve I don't know what happened It just changed automatically
Maybe i could be changed through jobs_listing file...
want to me to post code of jobs_listing file here that file is in php?
 
Humza Arain said:
But issue isn't resolve I don't know what happened It just changed automatically
Maybe i could be changed through jobs_listing file...
want to me to post code of jobs_listing file here that file is in php?
Click to expand...
What plugins are you using
 
The titles on your site look smaller, bolder, and darker than the preview website. I've adjusted the font weight, font size, and colour in the code below.
Code: 
/* Job Types */
.map-box h4 span,
.job-spotlight h4 span,
#titlebar h1 span,
#titlebar h2 span,
.job_listings h4 span,
.job-list h4 span {
    color: #888;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 28px;
    position: relative;
    margin: 0 0 0 4px;
    top: -2px;
}
This is how the changes will look when they're applied to your website:
sse5cVQ


Remember to apply these changes using a child theme.
 
Zwielicht said:
The titles on your site look smaller, bolder, and darker than the preview website. I've adjusted the font weight, font size, and colour in the code below.
Code: 
/* Job Types */
.map-box h4 span,
.job-spotlight h4 span,
#titlebar h1 span,
#titlebar h2 span,
.job_listings h4 span,
.job-list h4 span {
    color: #888;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 28px;
    position: relative;
    margin: 0 0 0 4px;
    top: -2px;
}
This is how the changes will look when they're applied to your website:
sse5cVQ


Remember to apply these changes using a child theme.
Click to expand...
Yeah Applied these changes and now fonts are looking quite nice
is there any way to change color of fonts which are inside of those boxes, Blue, Orange boxes? if i could make it black which will be more clear
 
Humza Arain said:
Yeah Applied these changes and now fonts are looking quite nice
is there any way to change color of fonts which are inside of those boxes, Blue, Orange boxes? if i could make it black which will be more clear
Click to expand...
On your website, the title font colour is tied to the font colour of the text in the boxes. You can change the font colour back to #000 to make the text in the boxes clearer. If you want something that's not quite as dark, you can try #4A4A4A.
 
Zwielicht said:
On your website, the title font colour is tied to the font colour of the text in the boxes. You can change the font colour back to #000 to make the text in the boxes clearer. If you want something that's not quite as dark, you can try #4A4A4A.
Click to expand...
Great Thanks alot I'm going to try this color as well...
overall tittle is looking quite good now
Thanks <3
 
Zwielicht said:
On your website, the title font colour is tied to the font colour of the text in the boxes. You can change the font colour back to #000 to make the text in the boxes clearer. If you want something that's not quite as dark, you can try #4A4A4A.
Click to expand...
#4A4A4A. These fonts are looking more fine and clear thanks for help :)
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top