[dmroliff]

Hi,

I am using the Clean Retina theme for a friend’s website. My question is, will adding a little bit of custom CSS interfere with the theme’s automatic formatting for mobile devices ( responsive )? The site seems to format just fine on my iPad but he’s telling me it doesn’t format correctly on his iPhone or his PC tablet. Thanks.

edit: I’ve just updated from Clean Retina 2.0 to 3.0 and it appears I’ve lost the custom CSS below. I can no longer find ‘theme options’under the ‘Appearance’ category in the left hand column of my WordPress editor. That is where I was able to add custom CSS. I might have to go back to square one now. 🙁

here is the custom css I’ve added…

.entry-header { width: 200px; height: 15px; border: 0pt solid black; text-align: center; margin: -45px auto 0px auto;
}
.entry-title { font-size: 14pt; height: 30px; margin: -55px auto 0px auto; border: 0pt solid black;
}
#branding { background-image: url("http://shawnjomalley.com/wp-content/uploads/2014/11/custom-header-001rev002.png"); background-repeat: no-repeat; background-position: center;
}
#site-title { font-size: 18pt;
}
#access { margin-top: 120px; height: 33px; margin-bottom: 0px;
}
#access a { padding-top: 5px;
}
#access a:hover, #access ul li.current-menu-item a, #access ul li.current_page_ancestor a, #access ul li.current-menu-ancestor a, #access ul li.current_page_item a, #access ul li:hover > a { padding-top: 0px; height: 30px;
}
/* Dropdown */
#access ul li ul, 
#access ul li:hover ul ul, 
#access ul ul li:hover ul ul, 
#access ul ul ul li:hover ul ul, 
#access ul ul ul ul li:hover ul ul {
	display:none;
	z-index: 9999;
}
#access ul li:hover ul, 
#access ul ul li:hover ul, 
#access ul ul ul li:hover ul, 
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
	display:block;
}
#access ul li ul {
	border-top: 0px solid #5f85b0;
	position:absolute;
	background-color: #fff;
	top:35px;
	left:0px;
	width:190px;
}
#access ul li ul li {
	float:none;
	border-bottom:1px solid #ddd;
	border-right:0 none;
}
#access ul li ul li a, 
#access ul li.current-menu-item ul li a, 
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a, 
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
	color:#999;
	border-top: 0 none;
	float:none;
	line-height:21px;
	font-size:17px;
	font-weight:normal;
	height: 100%;
	padding: 8px 10px;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover {
	border-top: 0 none;
	background-color: #f5f5f5;
	padding: 8px 10px;
	color: #5f85b0;
        border: 0pt solid black; height: 21px;
}
#access ul li ul li ul {
	left: 190px;
	top: -5px;
}
#access select { 
	display: none;
}

[dmroliff]

Wow, now the site is completely screwed up after I updated to version 3.0. I’m wondering if there’s any way to download and re-install version 2.0 ? What a headache….. 🙁

I’ve found the new area for adding custom css in version 3.0 and it looks like I didn’t lose any of that custom css as per my original post. I wanted to edit my original post to state this but it seems you can only edit a post once. Now I just need to get rid of the ‘comments’ section ( i.e. Leave a Reply, you must be logged in to post a comment ) on each page as I had it before.

[Theme Horse Support Team]

Hi dmroliff,

We have tested in our site and the custom css is working fine. If you want to downgrade then you can download from here.

To get rid of the comments section you have to go to specific page/ post and your will see discussion. Uncheck
Allow comments and
Allow trackbacks and pingbacks on this page.

Thank you!

[Author]

Posts