close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Font Size For Product Name In Pods

Thread began 1/12/2011 8:52 am by dgwhit288523 | Last modified 1/13/2011 9:16 am by dgwhit288523 | 1016 views | 8 replies |

dgwhit288523

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

Sign in to reply to this post

neilo

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

Sign in to reply to this post

dgwhit288523

default_home.css

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;
}

Sign in to reply to this post

neilo

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

Sign in to reply to this post

dgwhit288523

Font Size

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

Sign in to reply to this post

neilo

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;
}
Sign in to reply to this post

dgwhit288523

It Worked!

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

Sign in to reply to this post

neilo

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;
}
Sign in to reply to this post

dgwhit288523

Here is the solution

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.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...