5 replies [Last post]
plasquecom
plasquecom's picture
Offline
newbie
Graasten · DENMARK
Last seen: 3 years 35 weeks ago
Graasten · DENMARK
Timezone: GMT+2
Joined: 2015-04-04
Posts: 1
Points: 5

Hi !

I'm trying to make use of the custom CSS field in the WP theme NASH, but these seem not to have any effect:

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
text-transform: none;
}

.container .ten.columns {
width: 100%;
}
.container .ten.columns {
width: 100%;
}

The first one should get rid of capitalisation in headlines
The second and third should eliminate a very narrow column width

See http://themoonnetwork.dk/profile/jesjessen

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 9 hours 21 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9714
Points: 3790

This is the controlling

This is the controlling ruleset at http://themoonnetwork.dk/wp-content/themes/nash/style.css?ver=4.0.1, line 370:

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #333;
	font: sans-serif;
	font-weight: normal;
	text-transform: uppercase; 
}

And this, http://themoonnetwork.dk/wp-content/themes/nash/assets/css/dynamic-css/options.css?ver=4.0.1, line 253, is your custom css:

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    text-transform: none;
}

Since both rulesets have the same specificity, the last stylesheet loaded would control. In your case that is what is happening. Your options.css file loads before the style.css file. Reverse the order of the calls in the head and all should be ok.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

plasquecom
plasquecom's picture
Offline
newbie
Graasten · DENMARK
Last seen: 3 years 35 weeks ago
Graasten · DENMARK
Timezone: GMT+2
Joined: 2015-04-04
Posts: 1
Points: 5

Thanks

Thanks a lot Gary! Makes perfectly sense even to a novice in CSS and WP.

VeeraM
VeeraM's picture
Offline
Enthusiast
bangalore
Last seen: 3 years 7 weeks ago
bangalore
Timezone: GMT+5.5
Joined: 2014-09-22
Posts: 59
Points: 59

Overruling CSS

Hi,the h1 to h6 tags are used in default margin padding and font-sizes you used in many font increase in style.css add to font-weight: bold; and font-size:20px;

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 9 hours 21 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9714
Points: 3790

Link spamming the forum

@VeeraM

While you do sometimes offer insightful answers, most are like on this topic, adding nothing toward the solution and resurrecting an old and already solved problem. I can only assume your participation in this forum is specifically aimed at spamming your link.

Please do continue your participation, but focus on offering real solutions.

Links on this site are not followed or indexed by reputable search engines.

gary/mod

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

AllanSilva
AllanSilva's picture
Offline
newbie
Last seen: 3 years 25 weeks ago
Timezone: GMT+5.5
Joined: 2015-06-16
Posts: 1
Points: 1

Thanks Gary, your answer was

Thanks Gary, your answer was fruitful to me as well.

I have just started working on WordPress after downloading a free e-commerce template from http://nulledstylez.com/category/wordpress_themes/ecommerce/. Now I was wondering to use of the custom CSS field but due to lack of familiarity with coding, it was appearing bit difficult to me. Fortunately, your answer has simplified my problem.