The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Location of a particular CSS entry
RSJai
post Jul 21 2014, 02:04 PM
Post #1





Group: Members
Posts: 3
Joined: 21-July 14
Member No.: 21,289



I'm trying to use a wordpress theme on my website Randomstumbles.com, and having issues with the logo getting clipped out.
Inspected the logo using both firebug and Chrome Inspect element and see that the logo box has a size of 70px set.
If I change that to 80, the issue gets resolved.
I've been trying to locate that one value, but have failed.
Have very basic understanding of CSS, but tried to inspect the style.css file.
There was this entry for logo
#header h1, #header h2 {
text-indent: -999em;
min-width:286px; }
#header h1 a, #header h2 a {
background: url(images/logo.png) no-repeat;
min-width: 188px;
display: block;
min-height: 70px;
line-height: 70px; }

Changed both of the last values to 80px, but nogo.
Tried looking at the entire style sheet and some functions in the theme, but could not pinpoint where the 70px was mentioned.
if you inspect the logo element, you can see that the value is not getting pulled from the main style.CSS file, but rather from index:(25)
Can someone please help me in identifying the location of this value?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 21 2014, 02:54 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Changing min-height to 80px works for me.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
RSJai
post Jul 21 2014, 03:05 PM
Post #3





Group: Members
Posts: 3
Joined: 21-July 14
Member No.: 21,289



QUOTE(pandy @ Jul 21 2014, 02:54 PM) *

Changing min-height to 80px works for me.

Thanks Pandy!
My issue is, changing that to 80 in style.css does not make any difference.
This value is getting pulled from somewhere else. Look at the location of the css style, the values in style.css are getting overwritten by values from index:(25)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 21 2014, 04:45 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Index:(25) refers to an embedded style block in your index page. You have to change it there too. Or if you already have it in style.css, just remove it from the style block.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 12:25 PM