4 replies [Last post]
ba127004
ba127004's picture
Offline
newbie
Seattle, WA
Last seen: 7 years 16 weeks ago
Seattle, WA
Timezone: GMT-7
Joined: 2013-06-05
Posts: 2
Points: 3

I have following css code in my wordpress theme. I am trying to have :
edit// Please use code tags when pasting any or large blocks of code, tags added.
Main-Menu & Sub Menu : h1
Title of the page or post: h1
Subtitle : h2
Section: h3
Sub-section: h4

How do i achieve that?

view-source:http://test.raima.com/

/*
Theme Name: Web Splash Child
Description: Child theme for the Web Splash theme 
Author: Your name here
Template: web-splash
*/
 
@import url("../web-splash/style.css");
 
/***** Main Index Styling *****/
.block_buy {
	padding: 13px 110px 12px;
}
.block_two_columns .column_1 .pic {
	display:none;
}
#sB-Navi-wrapper {
	display:none;
}
.promo_slider_wrapper {
	margin:0 !important;
}
.corns_left_top {
	top: 21px;
	left: 40px;
}
.corns_right_top {
	top: 21px;
	left: 966px;
}
.corns_left_bottom {
	bottom: 30px;
	left: 40px;
}
.corns_right_bottom {
	bottom: 30px;
	right: 40px;
}
 
/***** All Font Color *****/
.block_general_text p,
p,
.inner,
.toggle_block.type_1 a.toggler {
	color: #000000;
}
 
/***** Header *****/
 
#title_top {
	margin-left: -12px;
	margin-top: 14px;
}
 
/*Top bar which has phone numbers */
.block_top_lnks {
	padding-left:6px;
	padding-right:6px;
	color: #8a8a8a;
}
img.usFlag {
	background:url('/wp-content/uploads/flags.png') 0 0;
	margin-top:3px;
	width: 15px;
	height: 11px;
}
img.ukFlag {
	background:url('/wp-content/uploads/flags.png') -17px 0;
	margin-top:3px;
	width: 15px;
	height: 11px;
}
img.emailIcon {
	background:url('/wp-content/uploads/flags.png') -34px 0;
	margin-top:3px;
	width: 14px;
	height: 11px;
}
.flags {
	position:relative;
	top: 2px;
}
.block_top_lnks li {
	height: 17px;
}
/* Search Box */
.block_search .form_wrapper {
	display:inline;
}
/* Header Links */
 
 
body.red #main_menu li.active h1 > a, body.red #main_menu li:hover > a, body.red .general_read_more_1, body.red .block_slogan p span, body.red .lnk_w_arrow_general, body.red .block_filter li a.active, body.red .block_filter li a:hover, body.red .block_general_pic_w_desc h3 a:hover, body.red .lnk_w_arrow_1:hover, body.red .block_testimonials_1 a, body.red #footer .col_2 a, body.red #footer .col_3 a, body.red .table_type_3 .price td, body.red .list_1 li a:hover, body.red .list_2 li a:hover, body.red .list_3 li a:hover, body.red .list_4 li a:hover, body.red .list_5 li a:hover,.list_6 li a body.red .list_6 li a:hover, body.red .list_6 li a:hover span, body.red .block_popular_posts .text .title a:hover, body.red .page_archives .latest_post li a, body.red .gall_latest_works a:hover .image-title, body.red .sitemap_list h4, body.red .sitemap_list h4 a, body.red .block_portfolio_2c .block_two_columns h3 a:hover, body.red .block_portfolio_3c .block_three_columns h3 a:hover, body.red .block_portfolio_4c .block_four_columns h3 a:hover, body.red .block_portfolio_side .block_two_columns h3 a:hover, body.red .block_portfolio_side .block_three_columns h3 a:hover, body.red .block_portfolio_2c a.readMore, body.red .block_paginator a:hover, body.red .block_paginator a.next:hover, body.red .block_paginator a.prev:hover, body.red .block_portfolio_3c a.readMore, body.red .block_portfolio_4c a.readMore, body.red .block_blog_type_5 .blog_info a:hover, body.red .block_blog_type_5 .title .num_comments, body.red .block_latest_tweets .tweet a, body.red .block_blog_type_6 a.link_blue, body.red .block_blog_type_6 .title .num_comments, body.red .block_blog_type_6 .blog_info a:hover, body.red .block_blog_type_1 .title .num_comments, body.red .block_blog_type_1 a.link_blue, body.red .block_blog_type_1 .blog_info a:hover, body.red .block_blog_type_2 .title .num_comments, body.red .block_blog_type_2 a.link_blue, body.red .block_blog_type_2 .blog_info a:hover, body.red .block_blog_type_3 .title .num_comments, body.red .block_blog_type_3 .blog_info a:hover, body.red .block_blog_type_4 .title .num_comments, body.red .block_blog_type_4 .blog_info a:hover, body.red .block_blog_post a.link_blue, body.red .block_blog_post .post_info a:hover, body.red .block_comments .title a, body.red .block_comments .comments .comment .comment_content a, body.red .block_our_team .position a, body.red .block_testimonials_2 a, body.red .block_contact_info a, body.red .sign_popup h3, body#theme_dark.red .block_general_pic_w_desc h3 a:hover, body#theme_light.red .block_content_top .text_1 .text_slider_title span {
	color: #b11919;
}
 
/***** Body *****/
 
#content {
	min-height: 500px;
}
.font_opensanssemi h2, .font_opensanssemi .block_portfolio_side h1, .font_opensanssemi .block_portfolio_side h1 a, .font_opensanssemi .block_general_text h2, .font_opensanssemi .block_testimonials_1 h2, .font_opensanssemi .block_side_lnks h1, .font_opensanssemi .block_popular_posts h1, .font_opensanssemi .block_resent_works h1, .font_opensanssemi .block_tags h1, .font_opensanssemi .block_latest_tweets h1, .font_opensanssemi .block_blog_type_1 .title h1, .font_opensanssemi .block_blog_type_1 .title h1 a, .font_opensanssemi .block_blog_type_2 .title h1, .font_opensanssemi .block_blog_type_2 .title h1 a, .font_opensanssemi .block_blog_type_5 .title h1, .font_opensanssemi .block_blog_type_5 .title h1 a, .font_opensanssemi .block_blog_type_6 .title h1, .font_opensanssemi .block_blog_type_6 .title h1 a, .font_opensanssemi .table_type_3 th.active, .font_opensanssemi .table_type_3 .price td, .font_opensanssemi .service_item .title h2, .font_opensanssemi .service_item .title h2 a, .font_opensanssemi .page_404 .title h2, .font_opensanssemi .block_typography h1, .font_opensanssemi .block_typography h1 a, .font_opensanssemi .block_portfolio_side h1, .font_opensanssemi .block_portfolio_side h1 a {
	font-weight:normal;
}
h2 a {
	font-size: 18px;
}
h3 {
	font-weight: normal;
}
h1.clearnone,
h2.clearnone,
h3.clearnone,
h4.clearnone,
h5.clearnone {
	clear:none;
}
#content .inner .block_content_top .block_page_title p.title {
	padding: 0;
	color: #191919;
	font-size: 21px;
	line-height: normal;
	text-shadow: none;
}
 
content .inner .block_content_top .block_page_title p.subtitle {
	padding: 6px 0 0 0;
	color: #8F8F8F;
	font-style: italic;
	font-family: 'Droid Serif',Georgia,'Times New Roman',Times,serif;
	line-height: normal;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
ul, li {
	font-size:12px;
}
a {
	color: #0589C6;
	text-decoration:underline;
}
a:hover {
	color: #0589C6;
	text-decoration:none;
}
/*Remove underline on some links*/
#main_menu li a,
h1 a, h2 a, h3 a, h4 a, h5 a,
.toggle_block a.toggler {
	text-decoration:none;
}
.list_0 li {
	text-align:left;
}
.list_2 li {
	background: url("/wp-content/themes/web-splash/layout/images/list_2.png") no-repeat;
	background-position: 0 10px;
}
.list_1 li a,
.list_2 li a,
.list_3 li a,
.list_4 li a {
	margin-left:-17px;
	display: inline;
}
.list_1 li a:hover,
.list_2 li a:hover,
.list_3 li a:hover,
.list_4 li a:hover {
	text-decoration:underline;
}
.list_1 li,
.list_2 li,
.list_3 li,
.list_4 li {
	border:none;
	padding: 6px 0 0 17px;
	width: auto;
	float:none;
	color: #000000;
}
ul.list_4,
ul.list_3 {
	margin-bottom: 20px;
}
body.red .list_2 li a:hover,
body.red .list_3 li a:hover {
	background-image: none;
}
.table_type_3 td {
	border-left: 1px solid #D2D2D2;
	text-align:left;
	color: #000000;
}
.table_type_3 td.last {
	border-right: 1px solid #D2D2D2;
	color: #000000;
}
.table_type_3 .buttons td {
	border-bottom: 1px solid #D2D2D2;
	padding: 10px;
}
.table_type_3 .first_general_row td {
	border-bottom: 1px solid #D2D2D2;
	padding: 10px;
}
.table_type_3 tr:hover td {
	background: #ebf6ff;
}
.table_type_3 th.first-wider {
	border-left: 1px solid #3b3b3b;
	border-radius: 6px 0 0;
	position: relative;
	width: 350px;
}
.table_type_3 tr.buttonsAlignCenter td {
	text-align:center;
	border-bottom: 1px solid #D2D2D2;
	padding: 10px;
	border-radius: 0 0 0 4px;
}
.table_type_3 th.oneColumn {
	border-left: 1px solid #3B3B3B;
	border-right: 1px solid #3B3B3B;
	border-radius: 6px 6px 0 0;
	position: relative;
	width: 186px;
}
.table_type_3 td.oneColumn {
	border-left: 1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	border-radius: 0 0 4px 4px;
	color: #000000;
}
.centerTblHeader {
	text-align:center;
}
.column_10 h1, .frontpage_full_width h1, .frontpage_with_sidebar h1, .block_typography h1, .block_typography h2, .block_typography h3, .block_typography h4, .block_typography h5, .block_typography h1 a, .block_typography h2 a, .block_typography h3 a, .block_typography h4 a, .block_typography h5 a, .block_portfolio_side h1, .block_portfolio_side h2, .block_portfolio_side h3, .block_portfolio_side h4, .block_portfolio_side h5, .block_portfolio_side h1 a, .block_portfolio_side h2 a, .block_portfolio_side h3 a, .block_portfolio_side h4 a, .block_portfolio_side h5 a {
	margin-top:0;
	margin-bottom:5px;
	font-weight:normal;
}
.separator_6,
.separator_16 {
	display:none;
}
#content .inner div.noParagraphSpacing p {
	padding:0;
	margin:0;
}
#content .inner p.halfPaddingBottom {
	padding-bottom: 15px;
}
 
/* Popcorn Page */
div.marginLeftPopcorn {
	margin-left: 25px;
}
div.marginLeftPopcorn .table_type_3 tr:hover td {
	background: transparent;
}
div.marginLeftPopcorn .table_type_3,
div.popcornSubPageTbl .table_type_3 {
	margin-bottom:0 !important;
}
.sidebarToggle p {
	display:none;
}
.sidebarToggle ul.list_2 li {
	margin-left: 20px;
}
.sidebarToggle ul.list_2 {
	margin-bottom: 10px;
}
.instructionsBox {
	border: 1px #e83b3b solid;
	border-radius: 6px;
	padding-left: 10px;
}
 
/* Popcorn Sub Page */
div.popcornSubPageTbl .table_type_3 td.last {
	width:500px;
}
 
/* No background of bg_content_big.png */
body.big_blue .block_content_top,
body.biggest_blue .block_content_top,
body.biggest_blue .block_content_top_left,
body.accordation_page .block_content_top,
body.accordation_page .block_content_top_left,
body.blue_3d .block_content_top,
body.blue_3d .block_content_top_left,
body.thumbnail_bg .block_content_top,
body.thumbnail_bg .block_content_top_left,
body.brillant_blue .block_content_top,
body.brillant_blue .block_content_top_left {
	background:none;
}
 
/* The items below default to the theme's red:
body.red #main_menu li.active > a, body.red #main_menu li:hover > a 
*/
 
body.red .general_read_more_1, body.red .block_slogan p span, body.red .lnk_w_arrow_general, body.red .block_filter li a.active, body.red .block_filter li a:hover, body.red .block_general_pic_w_desc h3 a:hover, body.red .lnk_w_arrow_1:hover, body.red .block_testimonials_1 a, body.red #footer .col_2 a, body.red #footer .col_3 a, body.red .table_type_3 .price td, body.red .list_1 li a:hover, body.red .list_2 li a:hover, body.red .list_3 li a:hover, body.red .list_4 li a:hover, .list_6 li a, body.red .list_5 li a:hover, body.red .list_6 li a:hover, body.red .list_6 li a:hover span, body.red .block_popular_posts .text .title a:hover, body.red .page_archives .latest_post li a, body.red .gall_latest_works a:hover .image-title, body.red .sitemap_list h4, body.red .sitemap_list h4 a, body.red .block_portfolio_2c .block_two_columns h3 a:hover, body.red .block_portfolio_3c .block_three_columns h3 a:hover, body.red .block_portfolio_4c .block_four_columns h3 a:hover, body.red .block_portfolio_side .block_two_columns h3 a:hover, body.red .block_portfolio_side .block_three_columns h3 a:hover, body.red .block_portfolio_2c a.readMore, body.red .block_paginator a:hover, body.red .block_paginator a.next:hover, body.red .block_paginator a.prev:hover, body.red .block_portfolio_3c a.readMore, body.red .block_portfolio_4c a.readMore, body.red .block_blog_type_5 .blog_info a:hover, body.red .block_blog_type_5 .title .num_comments, body.red .block_latest_tweets .tweet a, body.red .block_blog_type_6 a.link_blue, body.red .block_blog_type_6 .title .num_comments, body.red .block_blog_type_6 .blog_info a:hover, body.red .block_blog_type_1 .title .num_comments, body.red .block_blog_type_1 a.link_blue, body.red .block_blog_type_1 .blog_info a:hover, body.red .block_blog_type_2 .title .num_comments, body.red .block_blog_type_2 a.link_blue, body.red .block_blog_type_2 .blog_info a:hover, body.red .block_blog_type_3 .title .num_comments, body.red .block_blog_type_3 .blog_info a:hover, body.red .block_blog_type_4 .title .num_comments, body.red .block_blog_type_4 .blog_info a:hover, body.red .block_blog_post a.link_blue, body.red .block_blog_post .post_info a:hover, body.red .block_comments .title a, body.red .block_comments .comments .comment .comment_content a, body.red .block_our_team .position a, body.red .block_testimonials_2 a, body.red .block_contact_info a, body.red .sign_popup h3, body#theme_dark.red .block_general_pic_w_desc h3 a:hover, body#theme_light.red .block_content_top .text_1 .text_slider_title span {
	color: #0589C6;
}
.block_comments .comments {
	width: 770px;
}
#content .postClear .entry-content .wp-caption {
	margin-bottom:0;
}
.table_type_3 th {
	height: auto;
	font-style: normal;
	font-family: arial;
}
.font_opensanssemi h2, .font_opensanssemi .block_portfolio_side h1, .font_opensanssemi .block_portfolio_side h1 a, .font_opensanssemi .block_general_text h2, .font_opensanssemi .block_testimonials_1 h2, .font_opensanssemi .block_side_lnks h1, .font_opensanssemi .block_popular_posts h1, .font_opensanssemi .block_resent_works h1, .font_opensanssemi .block_tags h1, .font_opensanssemi .block_latest_tweets h1, .font_opensanssemi .block_blog_type_1 .title h1, .font_opensanssemi .block_blog_type_1 .title h1 a, .font_opensanssemi .block_blog_type_2 .title h1, .font_opensanssemi .block_blog_type_2 .title h1 a, .font_opensanssemi .block_blog_type_5 .title h1, .font_opensanssemi .block_blog_type_5 .title h1 a, .font_opensanssemi .block_blog_type_6 .title h1, .font_opensanssemi .block_blog_type_6 .title h1 a, .font_opensanssemi .table_type_3 th.active, .font_opensanssemi .table_type_3 .price td, .font_opensanssemi .service_item .title h2, .font_opensanssemi .service_item .title h2 a, .font_opensanssemi .page_404 .title h2, .font_opensanssemi .block_typography h1, .font_opensanssemi .block_typography h1 a, .font_opensanssemi .block_portfolio_side h1, .font_opensanssemi .block_portfolio_side h1 a {
	font-family:arial;
}
#content .inner p {
	padding-bottom: 20px;
}
#content table#downloads tr th,
#content table#downloads tr th {
	text-align: left;
	width: 70px;
}
#content form#download_form div {
	padding-top:5px;
}
#content div.req_field {
	color:black;
	display:inline;
}
div.req_field:after { 
	content: '*'
}
div.downloadAlert {
	display:inline;
}
#download_form div.boilerplate textarea {
	font-size: 11px; 
	line-height: 1.1;
	overflow:auto;
}
#downloads label {
	margin-top:5px;
}
input.inputPaddingLeft {
	margin: 0 5px 4px 0;
}
div.alignCenter {
	text-align:center;
}
div.rdmEmbeddedIcon {
	position:relative;
	top:9px;
}
div.rdmServerIcon {
	position:relative;
	top:15px;
}
ol li {
	list-style: decimal;
	margin-left:20px;
}
ol {
	margin-bottom: 20px;
}
 
/* Portfolio Template - Resellers */
.block_portfolio_4c .block_four_columns .r_conner_pic_Resellers {
	height: 60px;
	width: 150px;
	margin: 5px 0 10px 7px;
}
.block_portfolio_4c .block_four_columns .column_3_Resellers {
	float: left;
	margin: 0 0 0 25px;
	overflow: visible;
	vertical-align: top;
	width: 216px;
	height: 290px;
}
/* Portfolio Template - 3 Column */
.r_conner_wrapper {
	margin-left:5px;
}
/* Portfolio Template - 2 Column Support */
.block_portfolio_side .block_three_columns .column_2 {
	float:left;
	height:160px;
	margin: 0 0 0 27px;
	overflow: visible;
	vertical-align: top;
	width: 300px;
}
.pic_wrapper_support {
	display:inline;
	float:left;
}
.block_portfolio_side .block_three_columns h3.supportH3 {
	margin: 0 0 5px 0;
}
.portfolioTextSupport {
	margin-left: 10px;
	width:230px;
	float:right;
}
.block_portfolio_side .block_three_columns .descriptionSupport {
	color: #000000;
	font-size:11px;
	line-height: 17px;
	margin: 0;
	text-decoration:none;
}
/* Customers */
.customerCategories  {
	float:left;
	padding-right: 10px;
	padding-bottom: 20px;
}
.customerCategories img {
	height: 51px;
}
img.customerImages {
	border: 1px solid #e9e9e9;
}
.block_customers {
	clear:both;
}
 
/***** Sidebar *****/
div.rightAlign {
	margin-left: 60px;
}
div.rightAlign li a {
	color:#000000;
}
div.downloadsPartnerList ul li {
	margin-bottom:10px;
}
div.col_4 div.twitter-wrap .block_footer_latest_tweets p {
	padding-bottom:0 !important;
	color: #A8A8A8;
}
.block_footer_latest_tweets p {
	padding-bottom:0 !important;
}
div.greyLinks a {
	color: #000000;
}
 
/***** Contact Form *****/
.block_contact_form {
	color: #585858;
}
 
/* Submit Button - Contact/Download */
form#si_contact_form1 input#fsc-submit-1,
form#si_contact_form2 input#fsc-submit-2,
form#si_contact_form3 input#fsc-submit-3,
form#si_contact_form4 input#fsc-submit-4,
form#si_contact_form5 input#fsc-submit-5,
input#downloadsubmit {
	width: 70px;
	height: 30px;
	background: #b11620;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #6d0c13;
	color:white;
	font-size 12px;
	cursor: pointer;
}
form#si_contact_form1 input#fsc-submit-1:hover,
form#si_contact_form2 input#fsc-submit-2:hover,
form#si_contact_form3 input#fsc-submit-3:hover,
form#si_contact_form4 input#fsc-submit-4:hover,
form#si_contact_form5 input#fsc-submit-5:hover,
input#downloadsubmit:hover {
	background-color: #cb202b;
}
/* Input Fields - Contact/Download */
form#si_contact_form1 input,
form#si_contact_form2 input,
form#si_contact_form3 input,
form#si_contact_form4 input,
form#si_contact_form5 input,
input.form-text,
select {
	width: 400px;
	height: 30px;
	border: 1px solid #D2D2D2;
	border-radius: 2px;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
	margin-bottom: 10px;
	padding: 0 5px;
	font-size: 12px;
}
select {
	padding: 5px;
}
form#si_contact_form1 label,
form#si_contact_form2 label,
form#si_contact_form3 label,
form#si_contact_form4 label,
form#si_contact_form5 label {
	display:block;
	margin-bottom:5px;
}
 
/* Text Area - Contact/Download */
form#si_contact_form1 textarea#si_contact_message1,
form#si_contact_form2 textarea#si_contact_message2,
form#si_contact_form3 textarea#si_contact_message3,
form#si_contact_form4 textarea#si_contact_message4,
form#si_contact_form5 textarea#si_contact_message5,
form#download_form textarea {
	width: 660px;
	border: 1px solid #D2D2D2;
	border-radius: 2px;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
	overflow: auto;
	margin-bottom: 10px;
}
form#si_contact_form1 select,
form#si_contact_form2 select,
form#si_contact_form3 select,
form#si_contact_form4 select,
form#si_contact_form5 select {
	width:660px;
	border-radius: 2px;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
	border: 1px solid #D2D2D2;
	overflow: auto;
	padding-left: 5px;
	margin-bottom: 10px;
}
 
/***** Footer *****/
#footer .col_1 {
	padding-top:30px;
	padding-left:2px;
}
#footer .col_2 {
	margin-left:70px;
	width: 178px;
}
#footer .col_2 a {
	font-size:12px;
	text-decoration:none;
}
#footer .col_2 a, #footer .col_3 a {
	font-style: normal;
}
#footer .col_2 .textwidget ul li a {
	color: #A8A8A8;
}
#footer .textwidget a {
	color: #0589C6;
}
#footer .col_2 .textwidget ul li a:hover {
	text-decoration:underline;
}
#footer .col_3 {
	margin-left: 17px;
}
#quoteauthor {
	color: #8A8A8A;
}
div.block_footer_latest_tweets p a {
	color: #0589C6;
}
.separatorClearNone {
	clear:none;
	height:20px;
	overflow:hidden;
}
div.block_copyrights a {
	color: #0589C6;
}
.block_social_1 a.googlePlusIcon {
	background-position: -140px 0
}
.block_social_1 a.googlePlusIcon:hover {
	background-position: -140px -22px
}
 
/***** Imported from old raima.com *****/
h3.clearBoth,
p.clearBoth,
img.clearBoth {
	clear:both;
}
h3.clearBoth {
	padding-top: 20px;
}
.adSpaceDivDefault {
	width:790px;
	text-align:center;
	display:block;
}
.adSpaceDivDefault br {
	display:none;
}
.aeroDefenseimg, .aeroDefenseimgMid {
	float:left;
}
.aeroDefenseimgMid {
	margin:0 5px;
}
div.partnerImages {
	text-align:center;
}
div.partnerImages a img {
	margin: 20px;
}
div.partnerImages br {
	display:none;
}
div.contentRight {
	float:right;
	width:720px;
	margin-bottom:20px;
}
div.columns {
	float:left;
	margin:20px;
}
#cust_quote_i {
  background: none repeat scroll 0 0 transparent !important;
  float: left;
  font-family: Arial,Tahoma,Geneva,sans-serif;
  opacity: 1;
  width:100%;
  height:215px;
}
 
#cust_quote_i .promo_slider_title { padding: 4px 10px; position: relative; font-weight: normal; color: #bf1626; width: 518px;}
#cust_quote_i .promo_slider_title a { text-decoration: none; color: #000; font-weight: bold; #bb3 }
#cust_quote_i .promo_slider_title:before { content: "Who's Choosing Raima? "; }
#cust_quote_i .promo_slider_background_image { width: 150px; float: left; }
#cust_quote_i .panel {
		padding: 0;
		margin: 0;
		position: relative;
 }
 
#cust_quote_i .promo_slider_excerpt {
    background-color: #000000;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    left: 0;
    opacity: 0.6;
    padding: 3px 2.5%;
    position: absolute;
    width: 95%;
    font-family:arial;
}
 
#cust_quote_i .promo_slider_excerpt a {
     color:#4D79A5;
}
#content table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th.leftSideTableHeader,
#content thead th.leftSideTableHeader {
	background: #dadada;
	color:#333333;
}
#content tr.productRow th {
	font-size:11px;
}
#content tr th,
#content thead th {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 9px 6px;
	text-align: left;
	color: #d5d5d5;
}
#content tr td.noborder {
	border:none;
}
#content tr.mainTableHeader:hover {
	background:none;
}
#content tr td.mobileTblHead,
#content tr td.embeddedTblHead,
#content tr td.desktopTblHead,
#content tr td.enterpriseTblHead {
	text-align:center;
	padding:0;
}
#content tr td.mobileTblHead a,
#content tr td.embeddedTblHead a,
#content tr td.desktopTblHead a,
#content tr td.enterpriseTblHead a {
	width:100%;
	padding-top:5px;
	height:25px;
	display:block;
	color:white;
	text-decoration:underline;
}
#content tr td.mobileTblHead a:hover,
#content tr td.embeddedTblHead a:hover,
#content tr td.desktopTblHead a:hover,
#content tr td.enterpriseTblHead a:hover {
	color:white;
	text-decoration:none;
	background:#515151;
}
span.rdmGreyColor {
	color:#686868;
}
span.greyColorFont {
	color:#c2c2c2;
}
span.orangeColorFont {
	color:#E77A31;
}
span.greenColorFont {
	color:#51B448;
}
span.blueColorFont {
	color:#0A8DC6;
}
table.downloadTbl tr:hover {
	background:#F1F8FF;
}
table.downloadTbl th.leftSideTableHeader {
	background: #DADADA;
	border-bottom: 1px solid #c2c2c2;
}
table.downloadTbl th {
	border-bottom: 1px solid red;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	background: #333333;
	color:white;
}
 
div.downloadAlert {
	color: red;
	font-size:12px;
}
 
/***** Blog *****/
.block_blog_post .post_content {
	width:100%;
}
.block_blog_type_2 .blog_info {
	padding-top:0;
}
.blogPostHeading {
	font-size:14px;
	color:#0A7FB6;
	background:#F0F0F0;
	padding: 0 0 1px 2px;
	clear:both;
}
h3.redHeading {
	color:#a00000;
}
h3.stepHeader {
	background:url('/wp-content/uploads/supplemental_images/Step_header.png');
	display:block;
	height:31px;
	padding:4px 0 0 25px;
	color:white;
	font-size:20px;
	width: 765px;
}
span.stepHeaderText {
	padding-left:70px;
	font-size:18px;
}
.emphasizedWord {
	font-size:18px;
	font-weight:bold;
	color:#444444;
}
div.codingArea {
	background:#EFE7da;
	border: 1px solid #DAD7D7;
	margin-bottom: 15px;
	font-family:courier;
	color:#636363;
	padding:20px;
	overflow:auto;
}
div.codingArea p {
	margin-bottom:0 !important;
}
span.mainCode {
	color:blue;
}
span.commentCode {
	color:green;
}
div.commandLineArea {
	background:black;
	color:white;
	border: 1px solid grey;
	padding: 15px;
	overflow:auto;
	margin-bottom:15px;
	font-family:courier;
	font-size: 13px;
 
}
textarea.embedBadge {
	width:200px;
	height:70px;
	font-size:12px;
}
textarea.blogLink {
	width:275px;
	height:30px;
	font-size:12px;
	margin-bottom: 20px;
	overflow:hidden;
	padding-top:10px;
	border: 1px solid #b11919;
	border-radius: 5px;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
	color: #000000;
	font-size: 14px;
}
div.linkToUs h1 {
	margin-bottom: 0;
	padding-bottom:0;
}
div.linkToUs p {
	padding-bottom: 5px !important;
}
.block_add_comment .comment_form {
	width:100%;
	padding-top:0;
}
.block_add_comment .comment_form .textarea textarea {
	width:98%;
}
.block_add_comment .comment_form .textarea#comment {
	width: 100%;
	padding: 10px;
}
.block_add_comment .comment_form .textarea {
	width: 90%;
}
.topSectionBlog {
	clear:both;
}
div.titleSummaryBlog {
	float:right;
	width:750px;
}
div.authorBlock {
	display:inline;
	float:left;
}
div.authorBlock img {
	margin-bottom:5px;
}
.nextPrevPosts {
	display:block;
	border: 1px solid #e2e2e2;
	padding: 20px 20px 30px;
}
.prevPosts {
	float:left;
}
.nextPosts {
	float:right;
}
.toggle_block.type_1 .toggle_content p {
	color: #000000;
}
.paddingBottom {
	padding-bottom: 20px;
}
.displayAd {
	padding-bottom: 20px;
}
 
/* */
.imagesProductPages {
	width: 240px;
	float: right;
	padding-left:20px;
	padding-bottom: 20px;
}
div.floatRight {
	float:right;
	clear:none;
}
div.tabContent img.tabImg {
	display:inline;
	float:left;
	padding:0 20px;
	margin-top:4px;
}
 
div.distributors {
	width:300px;
}
div.partnerImages {
	clear:both;
}
 
#content .wp-caption {
	line-height: 18px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}
#content .wp-caption img {
	margin: 0px 5px 0 0px;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
img.alignnone, img.attachment-category-thumb { float: left; padding-right: 10px }
.postClear { clear:both;}
 
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 10px;
}
/* Professional Services Box */
 
.profServicesBox {
	width:400px;
	background-image:url('/wp-content/uploads/supplemental_images/professional_services_box2.png');
	float:right;
	height:256px;
	margin:0 0 2px 24px;
}
#content .profServicesBox h1 {
	margin:6px 0 0 8px;
	font-weight:bold;
	color:black;
	font-size:15px;
}
.profServicesBoxContent {
	color:#3b3b3b;
	/*background:url('/wp-content/uploads/indexBoxGradient.png') repeat-x white;*/
	background-position:bottom left;
	width:400px;
	height:210px;
	padding:5px;
	margin:9px 5px 0;
}
.profServicesBoxContent h3 {
	font-size:13px;
}
 
/* Support Boxes */
div.supportBoxes,
div.supportBoxesMid {
	background-image:url('/wp-content/uploads/supplemental_images/supportPageSideBoxes.png');
	float:left;
	width:240px;
	height:188px;
	padding:8px;
	margin-bottom:20px;
}
div.supportBoxesMid {
	margin-right:11px;
	margin-left:11px;
}
div.supportBoxesContent {
	color:#3b3b3b;
	background-position:bottom left;
}
#content div.supportBoxes a.boxHeading, 
#content div.supportBoxesMid a.boxHeading,
#content div.supportBoxes h2, 
#content div.supportBoxesMid h2{
	color: #194B7D;
	font-weight:bold;
}
#content div.supportBoxes h4, 
#content div.supportBoxesMid h4 {
	color: #5e5e5e;
	font-weight:bold;
}
#content div.supportBoxesContent p,
#content div.supportBoxesContent ul {
	margin-bottom:5px;
}
div.accordionTable.platform ul li.accordion table thead tr th.round, 
#content #platform th.round,
div.accordionTable.platform ul li.accordion table thead tr th.roundHeader, 
#content #platform th.roundHeader, 
#content tr th.roundHeader {
	border-radius: 8px 8px 0 0;
	margin-left:-1px;
	text-align:center;
}
div.accordionTable.platform ul li.accordion table thead tr th,
#content #platform th 
{ font-weight: normal !important; padding: 0; margin: 0; text-align:center; color: #fff !important; 
background: #333; border: none; padding: 0 5px 4px !important; margin: 0 !important; line-height: 1.2 !important}
#content .accordionPosts .wp-caption {
  margin-bottom: 0;
  min-height: 94px;
  background: #fff; box-shadow: none; overflow: hidden; width: 150px; 
}
li.accordion div.post {margin-left: 40px; width: 320px; min-height: 94px }
#content .accordionPosts li.accordion > a { font-size: 12px; font-family:Arial,Tahoma, Geneva, sans-serif;}
#content .accordionPosts li.accordion div.post div.entry-content p { font-size: 10px; line-height: 1; margin-bottom: 0}
#content .accordionPosts li.accordion div.post { margin-bottom: 20px;}
.accordionFeatures li a, 
.accordionPosts li.accordion > a, 
.accordionTable li.accordion a, 
.accordionTable li.accordionFeatures a, 
.accordionNav ul li.accordion a {
	background-image: url('/wp-content/uploads/supplemental_images/accordionArrow.png');
	background-repeat: no-repeat;
	background-position: 3px 1px;
	padding-left: 20px;
	font-size:12px;
    }
.accordionFeatures li a.accordionExpanded, 
.accordionNav ul li.accordion a.accordionExpanded {
		background-image: url('/wp-content/uploads/supplemental_images/accordionArrowDown.png'); 
    }
.accordionNav ul li.accordion a.accordionExpanded {
		text-shadow: 3px 3px 3px #333;		
    }
.accordionNav ul li.accordion li a {
    background-image: none; /* undo above for sub links */
    padding-left: 4px;
    }		
.accordionTable li a {
		background-image: url('/wp-content/uploads/supplemental_images/accordionArrow.png');
    }
.accordionPosts li a.accordionExpanded,
.accordionTable li a.accordionExpanded {
	display: block;
	color: #414444;
	background: url('/wp-content/uploads/supplemental_images/accordionArrowDown.png') left bottom no-repeat; 
	border-radius: 3px;
    }
#content .accordionPosts .wp-caption { margin-bottom: 0px; }
 
#content .accordionPosts .wp-caption + p { margin-bottom: 0px !important; }
 
.accordionTable tr th.accordion a {
    background-image: none; /* undo above for sub links */
    padding-left: 0px;
    }	
/***** PHP Tabs *****/
div.tabHolder {
	position:relative;
	top:1px;
	clear:both;
}
div.tabHolder a {
	text-decoration: none;
}
div.tabHolder ul {
	margin:0;
}
div.tabHolder ul li {
	height:35px;
	display: block;
	list-style-type: none;
	float:left;
	margin:0 5px 0 0;
	width:120px;
}
div.tabHolder li.active {
	background:white;
	border-top: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid white;
	text-align:center;
}
div.tabHolder li.inactive {
	background:#E5E5E5;
	border: 1px solid #CECECE;
	text-align:center;
}
div.tabHolder ul li.active a:hover,
div.tabHolder ul li.inactive a:hover {
	background:white;
	text-decoration:none;
	color:black !important;
}
div.tabHolder ul li.active a,
div.tabHolder ul li.inactive a {
	color:black;
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:27px;
	width:120px;
	padding-top: 9px;
}
div.tabContentHolderRDMe,
div.tabContentHolderRDMs {
	border-top: 1px solid #CECECE;
	/*clear:both;*/
	float:left;
}
 
/* width for div.tabContentHolder different width for every page */
 
div.tabContentHolderRDMe {
	width:99%;
}
div.tabContentHolderRDMs {
	width:99%;
}
div.tabContent {
	padding: 10px 0 5px 5px;
}
div.tabContent br {
	display:none;
}
div.tabFeatures {
	min-height:100px;
}
div.tabFeatures p {
	margin-bottom:0 !important;
}
 
#content h3.tabTitle,
#content h3.tabTitleMobilePlus {
	padding: 10px 0 5px 5px;
	font-weight: bold;
	font-size:13px; 
}
#content tr td.enterpriseTblHead {
	background: #693cb3;
}
 
/* PHP tab heading colors */
div.embeddedPlusBorder,
.plusEmbeddedHeadings,
#content tr td.embeddedTblHead,
div.workgroupPlusBorder,
.plusWorkgroupHeadings,
#content tr td.desktopTblHead,
div.mobilePlusBorder,
.plusMobileHeadings,
#content tr td.mobileTblHead {
	background: #E5E5E5;
}
div.mobilePlusBorder,
div.embeddedPlusBorder,
div.workgroupPlusBorder {
	height: 35px;
	position: relative;
	top:-1px;
	left:-1px;
}
div.mobilePlusBorder,
div.embeddedPlusBorder,
div.workgroupPlusBorder {
	border: 1px solid #CECECE;
}
div.tabHolder ul li.active a.linkPlusEdition,
div.tabHolder ul li.inactive a.linkPlusEdition,
div.mobilePlusBorder,
div.embeddedPlusBorder,
div.workgroupPlusBorder   {
	width: 200px;
}
 
.product_rounder {
    width: 500px;
    padding-top: 8px;
    padding-bottom: 15px;
    margin: 0 auto 20px auto;
    /*background: #446bb3*/;
    /*background:#F0F8FF;*/
     background:#F0FFF0;
 
     border-radius: 15px;
 
    -moz-border-radius: 15px;
 
    -webkit-border-radius: 15px;
     color: #446bb3;
 
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

If you need to style an

If you need to style an element differently from another you do it by adding in a context that element exists within so e.g:

If you wanted to only style heading elements that lived in the sidebar then you would do something like

#sidebar h# {}

The blank space is a descendent selector it says the element or selector to the right must have a parent or ancestral element named to the left.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ba127004
ba127004's picture
Offline
newbie
Seattle, WA
Last seen: 7 years 16 weeks ago
Seattle, WA
Timezone: GMT-7
Joined: 2013-06-05
Posts: 2
Points: 3

Do you want to explain with

Do you want to explain with examples please? Lets say i want for the #main_menu.

Should i include as :

#main_menu li a h1,
h1 a, h2 a, h3 a, h4 a, h5 a,
.toggle_block a.toggler {
text-decoration:none;
}

But when i see the source code it does not says anything

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 18 hours 15 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9767
Points: 3849

Micro-management

It's probably enough (I say probably because you didn't post the html) to simply say

#main_menu a {
  text-decoration: none;
  }

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.

JWiere03
JWiere03's picture
Offline
newbie
Fargo, North Dakota
Last seen: 7 years 16 weeks ago
Fargo, North Dakota
Timezone: GMT-5
Joined: 2013-06-09
Posts: 2
Points: 2

What you want?

Maybe I am misunderstanding your question. It sounds like you want to use CSS to set various parts of your site to certain headline sizes, Main-Menu & Sub Menu : h1, Title of the page or post: h1...? You can't set a particular element to be in h1 etc... through css. That would be done in the actually html of the page. However you can control text size etc of these elements through css. For example your current css has

#title_top {
	margin-left: -12px;
	margin-top: 14px;
}

you could just add the line "font-size:40px;" (or whatever you want) to change the size of the font. Would look like this
#title_top {
	margin-left: -12px;
	margin-top: 14px;
font-size:40px;
}

But you can't make an element become <h1> (or whatever) in css.