Font Size For Product Name In Pods

Which style sheet and where is it located that controls the font size for the product name in the Featured and Most Popular pods?

I have clicked through every style sheet, but cannot find it. I am sure it's there somewhere!

Please advise.

Thanks

Hi,
I don't know about PowerStore 4, but in PowerStore3 it is the size given to featuredWrapper h2 in home.css (line 51)

#featuredWrapper h2 {
    background-position: 7px 7px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    height: 32px;
    padding: 11px 0 0 48px;
}

I imagine it might be the same in PS4

I had found this coding previously in the above, but it does not include the additional statements as you have in your posting. I do not want to add them here as they must be controlled in another css file elsewhere (?) I must be brain dead this morning or can't see as I can't find it elsewhere!

Thanks for the reply!


#featuredWrapper {
margin: 4px 0 4px 0;
overflow: hidden;
}
#featuredWrapper h2{
margin-bottom: 10px;
width: 175px;
overflow: hidden;
}
#featuredWrapper .productDetails{
margin: 15px 0 0 20px;
}

Okay, forget that - the headings in your site are using the h1 tag!

Thanks, I will give it a shot - nothing ventured, nothing gained! If it screws something up. I can always go back and change it!

Thanks

New idea (having looked at the site)

Just add a new rule after the #featuredWrapper rule, #featuredWrapper h1, ie:

#featuredWrapper {
  margin: 4px 0 4px 0;
  overflow: hidden;
}
#featuredWrapper h1{
font-size:14px;
}

It worked!

I actually had to add the coding to both h1 and h2. One controls the header and the other the product name which I wanted to be smaller to put longer names without wrapping.

I still have an alignment problem, although small, which is centering the header for the first two pods from the left like the one on the right. I think that this is an issue with he standard editor in the content section. Once you make any kinda of change in the name of the header or center it, it kicks it down a notch. The coding is the same as for the third pod which I have not edited! Makes no sense!

I have posted a message above to ask Jason or someone how to fix it!

Really appreciate your help!

Thanks

Glad it helped (a bit!)

Re the alignment of the first two to match the third, you could try in default_home.css (line 84)

#featuredWrapper p {
    padding: 0 0 5px;
}

This explains this issue and here is the work around that I received from Jason in another post.

Possible Bug:

Yeah, i just verified that.

HTML Editor will try to force the paragraph tag around any changes that you make, the work around is to edit the title, go to source code where you will see:
<p>Your Title</p>

and remove the p tags. Don't click the source button again, or they will be added back, just click the update button.