Jump to:

1856 Posts in 1610 Topics by 562 members

Blog Module

SilverStripe Forums » Blog Module » Blog h2 h3 title tags

Discuss the Blog Module.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1 2 3
Go to End
Author Topic: 2535 Views
  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Blog h2 h3 title tags Link to this post

    Thank you for the pointers. Makes me feel good that I am on the right track - maybe. I did try this already and nothing changes.

    .BlogError {
       text-align: center;
    }

    .BlogError p {
       color: #fff;
       display: inline;
       background-color:   #f77;
       padding: 7px;
       font-weight:bold;
    }

    h3 {
    font-size: 1.5em;
    padding-top:4px;
    font-weight:bold;
    color: yellow;

    }

    So I tried this that you suggested...

    .BlogError {
    text-align: center;
    }

    .BlogError p {
    color: #fff;
    display: inline;
    background-color: #f77;
    padding: 7px;
    font-weight:bold;
    }
    #BlogContent h3 {
    font-size: 1.5em;
    padding-top:4px;
    font-weight:bold;
    color: yellow;

    }

    Still nothing changes - for now I changed the color from red to a blue.

    Thank you

  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Blog h2 h3 title tags Link to this post

    I appreciate your help, but that didn't work for me either. Maybe I need to delete the files and upload again ???

  • Double-A-Ron
    Avatar
    Community Member
    604 Posts

    Re: Blog h2 h3 title tags Link to this post

    Still nothing changes - for now I changed the color from red to a blue.

    How? and where? If you were able to change the color, isn't that problem solved? I have just taken a look at your blog and the font still looks exactly the same as it was before - blue with a grey bottom margin. I'm really confused by what you are after here now.

    I really doubt that re-installing the blog will help with that error, but you can try (rename the Folder to "blog" too). Looking at that thread, this may be a bug with the current release. There is a code snippit on that thread that seems to have fixed it for a couple of people. Did you try that?

    Aaron

  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Blog h2 h3 title tags Link to this post

    For now I changed the color in the typography.css file - from red to blue. All is good.

    What is just confusing is that I do not know where to go to change the H3 tag to something else. I for the life of me have tried to find something that will change the H3 tag of the cloud and browse by date titles.

    I have used Dream weaver for about 6 years. I know how to find things. But I do not understand the classes or coding in the .php files - maybe something in there controls these titles.

    The only control I have had was to change the color. But those tags are some where - where???

    Somewhere in <div class="WidgetHolder"> ???

  • Double-A-Ron
    Avatar
    Community Member
    604 Posts

    Re: Blog h2 h3 title tags Link to this post

    Just so we are looking at the same thing, you are looking at this page:

    http://landingpages.ws/blog/tag/campaign

    and wanting to change the text "Viewing entries tagged with 'campaign' and change that <h4> tag? This is what I don't understand. You're already changed it. You showed us the code to do that in your very first post.

  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Blog h2 h3 title tags Link to this post

    http://landingpages.ws/blog/ yes, same page.

    I want to change the titles of "Tag Cloud" and "Browse by Date"

    They are huge.

    Yes I was able to change the H4 tag - done.

  • banal
    Avatar
    Community Member
    901 Posts

    Re: Blog h2 h3 title tags Link to this post

    You're talking about the blog widgets (Tag Cloud, Browse by Date). They are based on the Widget Class and are rendered with the widget template. If you want to customize that, create a file named WidgetHolder.ss in mysite/templates and populate it with the following content:

    <div class="WidgetHolder">
       <h4>$Title</h4>
       $Content
    </div>

    Then your Widget Titles should appear as H4 instead of H3 (as it is per default). Don't forget to flush the template by appending ?flush=1 to your URL.
    Usually it's much simpler to use some custom css selectors and styles. You could also have added this to your CSS:

    .WidgetHolder h3 {
    font-size: 12px;
    }

    And bam! All your Widget Holder titles would have been much smaller!

  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Blog h2 h3 title tags Link to this post

    Bam! That did it. Sorry I didn't know what question to really ask. Now I have control over the size and the color - the css worked great also. Thank you.

    Now my next question - and I see I can upload a file, is in the word count or something that will show more content... See picture. and see the site page... http://landingpages.ws/blog/

    Attached Files
    2535 Views
Page: 1 2 3
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.