Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsBlogBlogModule formatting / CSSModule formatting / CSS
Previous
 
Next
New Post
4/22/2008 2:18 AM
 

I've been playing with the module.css trying to change the appearance of my 3.04 Blog module. However, I'm having difficulty determining "where" to change styles to actually affect the look/feel.

For example: below the title of a blog post, I would like the details including, "By <author> on <date> <time>" to be much smaller. However, nothing I change seems to affect this.

Is there someplace else I should be trying to manipulate this?

Any suggestions and/or guidance would be MUCH appreciated!

thanks, Jeff

 
New Post
4/22/2008 6:15 AM
 

Hi Jeff,

there are two controls that may be related to your request: Entry View (where the post is shown alone) and Blog View (where all recent posts in the blog are shown). Since it isn't clear in your post which one you are trying to style, I'll tell you about both of them. the author/date info displayed in the Entry View are styled using the .blog_subhead style. You can reduce its size like this:

.blog_subhead
{
...
    font-size: 7px;

...
}

But the Blog View does not allow you to style the text shown below the post title (showing author and publish date). I hope I was clear, if not, just tell me!

Best regards,
Dario Rossa

 
New Post
4/23/2008 1:47 AM
 

Thanks Dario - I really appreciate the response to this. After doing some changes, I can see how this works for the Entry View. That helps.

However, the defaul sizing/etc. for the Blog View just doesn't seem to work for my site design/layout. Is there no way to change this? Otherwise, I guess that means my only alternative is to hide the blog and style the RSS feed on it's own as my "blog view".

Any suggestions?

thanks! - Jeff

 
New Post
4/23/2008 2:39 AM
 

BTW - it's worth noting that the Blog View text for my site appears to be "1-size" bigger than the text style across the remainder of my site. Not sure if this makes sense. It's almost as it 10pt is the standard but the Blog View (and the Entry View as well) have headline and body text that looks like it's 12pt. Could this have something to do with my overall site css settings?

Any suggestions? It's kind of bizarre as there is consistency everywhere in terms of type size except for this module.

I would provide a link but it's current not live on the web.

Thanks,
- Jeff

 
New Post
4/23/2008 3:49 AM
Accepted Answer 

Hi Jeff,

the text size in the ViewBlog control is handled in the blog_body class in module.css style sheet. You can alter this class to make it fit you website's text size.

Moreover, there's still one more way for you to style the size of the Author's name and Publishing date in the ViewBlog control and have it smaller than the Description. To do this, you need to alter the ViewBlog.ascx file. Locate the two label controls named lblUserName and lblPublishDate, and add them this attribute Font-Size="XX-Small". At the end your controls should look like this:

<asp:label Font-Size="XX-Small" id="lblUserName" runat="server" visible="false"></asp:label>
<asp:Label Font-Size="XX-Small" ID="lblPublishDate" Runat="server"></asp:Label>

Save the file and refresh the blog view in your browser, the text will appear much smaller than the Description, that is rendered using the blog_body class.

Best regards,
Dario Rossa

 
Previous
 
Next
HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsBlogBlogModule formatting / CSSModule formatting / CSS


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out