Fork me on GitHub

Storiesext 2.6 - Change font size  Bottom

  • Hi, I am using stories ext with the Web 2.0 theme.

    I want to increase the size of the font for just the headlines on the front page of my site but I cannot find a stylesheet which controls this

    Please can anyone help

    Thanks icon_confused
  • Copy from modules/News/pntemplates/ news_block_storiesext_row.htm to themes/Web 2.0/templates/modules/News/ (if there is no News folder create one)

    Now you got two possibilities:


    1. Via your Stylesheet in themes/Web2.0/style/ styles.css

    Example: add a class

    Code

    .news_ext_headlines {font-size: 4;} /*(or 1.2em, 14px, 110%)- this are only possibilities*/


    then open news_block_storiesext_row.htm from your themes directory and add a 'span' tag direct after the if $readperm tag::

    Code

    <!--[if $readperm]-->  <span class="news_ext_headlines">  <a href="<!--[pnmodurl modname='News' func='display' sid=$sid]-->"><!--[/if]-->
    <!--[if $itemnewimage]--><!--[pnimg modname='core' set=$newimageset src=$newimagesrc __alt='New']--><!--[/if]-->
    <!--[$title|pnvarprephtmldisplay]--><!--[if $titlewrapped]--><!--[$titlewraptxt|pnvarprephtmldisplay]--><!--[/if]-->
    <!--[if $readperm]--></a>  </span>  <!--[/if]-->

    Don't forget the closing "span" tag.


    2. Edit direct in the file news_block_storiesext_row.htm from your themes directory, that saves you adding a new class to your style-sheet, but you are less flexible.

    Like this:

    open news_block_storiesext_row.htm from your themes directory and add a 'font' tag direct after the if $readperm tag:

    Code

    <!--[if $readperm]-->  <font size="4">  <a href="<!--[pnmodurl modname='News' func='display' sid=$sid]-->"><!--[/if]-->
    <!--[if $itemnewimage]--><!--[pnimg modname='core' set=$newimageset src=$newimagesrc __alt='New']--><!--[/if]-->
    <!--[$title|pnvarprephtmldisplay]--><!--[if $titlewrapped]--><!--[$titlewraptxt|pnvarprephtmldisplay]--><!--[/if]-->
    <!--[if $readperm]--></a>  </font>  <!--[/if]-->

    Don't forget the closing "span" tag



    Edited by mazdev on Jan 03, 2012 - 02:04 PM.

    --
    Carl Georg aka Mazdev

    Jerindo.net - Ruminations of an Expat in Indonesia & Webdevelopment

  • Thanks Mazdev... I tried to use this but I cannot get it to work. My Web2 Style directory does not use styles.css and has a number of other CSS files instead. I will give it another try later
    Kind regards
  • I guess you could do it with the base.css in the themes/web2/yaml/core directory.

    If not you still can use the second possibility (I stated above), there you don't need to touch the CSS file.

    Or

    go to the modules/News/pnstyle/ style.css and also the modules/News/pntemplates/ news_block_storiesext_row.htm and do it there.

    The only problem there is, if you update your News Module, the changes might get lost.



    Edited by mazdev on Jan 06, 2012 - 11:22 PM.

    --
    Carl Georg aka Mazdev

    Jerindo.net - Ruminations of an Expat in Indonesia & Webdevelopment

  • Thanks Mazdev

    Great advice... it is now working fine

    Kind regards icon_smile

This list is based on users active over the last 60 minutes.