how to change css code

2»

Comments

  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 25, 2014
    Allen wrote: »
    It is quite a bit of work upfront but once established it's just a mater of adding new links.


    OK...thank you for your response....I think I knew the answer and perhaps was getting greedy to hear of more short cuts for getting the job done. Thank you

    Much appreciated
    Jeannie
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 28, 2014
    This coding allows text links to be displayed for the gallery pages.
    All was going well until I came to a very long text title.
    How do I increase the spacing for the title(blue text) so all of it can be viewed.
    Below if the css coding I'm currently using for the page

    .sm-page-widget-7723893 .sm-tile img {
    display:none !important;
    }

    .sm-user-ui .sm-tiles .sm-tile-content, .sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
    background-color:#000000;
    }
    .sm-tile-content {
    padding-bottom: 40px !important;
    }
    .sm-page-widget-7723893 .sm-tiles-vertical ul li a p {
    color: #7393f0 !important;
    text-align: center;
    font-size: 14pt;
    }
    .sm-tile-folder .sm-tile-type-icon:after,
    .sm-tile-album .sm-tile-type-icon:after {
    display: none;
    }
  • AllenAllen Registered Users Posts: 10,007 Major grins
    edited August 28, 2014
    This coding allows text links to be displayed for the gallery pages.
    All was going well until I came to a very long text title.
    How do I increase the spacing for the title(blue text) so all of it can be viewed.
    Below if the css coding I'm currently using for the page

    .sm-page-widget-7723893 .sm-tile img {
    display:none !important;
    }

    .sm-user-ui .sm-tiles .sm-tile-content, .sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, .sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
    background-color:#000000;
    }
    .sm-tile-content {
    padding-bottom: 40px !important;
    }
    .sm-page-widget-7723893 .sm-tiles-vertical ul li a p {
    color: #7393f0 !important;
    text-align: center;
    font-size: 14pt;
    }
    .sm-tile-folder .sm-tile-type-icon:after,
    .sm-tile-album .sm-tile-type-icon:after {
    display: none;
    }
    All my gallery titles wrap to as many lines as needed. I use this in "all folders" CSS block.
         /* titles on thumbs in folders */
    .sm-tiles-grid ul li a p {
      font-size: 95%!important;
      padding-left: 0!important;
      padding-right: 0!important;
      color: gold!important;
      text-align:center;
    [COLOR=Red]  overflow: visible !important;
      white-space:normal !important;
      height: auto !important;[/COLOR]
    }
    
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 28, 2014
    Allen wrote: »
    All my gallery titles wrap to as many lines as needed. I use this in "all folders" CSS block.

    For now...I have placed this coding on 'just this folder only' as I have some of my text in grid layout and some pages have the text in vertical format.

    Your coding worked but I find the font too small. How can I increase it?
  • AllenAllen Registered Users Posts: 10,007 Major grins
    edited August 28, 2014
    Allen wrote: »
    All my gallery titles wrap to as many lines as needed. I use this in "all folders" CSS block.

    For now...I have placed this coding on 'just this folder only' as I have some of my text in grid layout and some pages have the text in vertical format.

    Your coding worked but I find the font too small. How can I increase it?
    You have at least three options for font size. Add one to the rule.

    font-size: 110%;
    font-size: 12pt;
    font-size: 12px;
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 28, 2014
    Allen wrote: »
    You have at least three options for font size. Add one to the rule.

    font-size: 110%;
    font-size: 12pt;
    font-size: 12px;

    that worked beautifully...I ended up doing it to 150%

    Thank you
    Jeannie
  • AllenAllen Registered Users Posts: 10,007 Major grins
    edited August 28, 2014
    Allen wrote: »

    that worked beautifully...I ended up doing it to 150%

    Thank you
    Jeannie
    I kinda like the percent as I would think it would scale with browser window resizing.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 29, 2014
    reducing space between text links
    I used this coding to create text links on a page. I would like to reduce the spacing between the dance titles. If you look at the coding, the titles have 2
    ...spacing too large.
    If I delete a
    , I find the text too close together. Is there anyway I can reduce it ?


  • AllenAllen Registered Users Posts: 10,007 Major grins
    edited August 29, 2014
    See if playing with a line-height can get what you want.

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • keen but not surekeen but not sure Registered Users Posts: 51 Big grins
    edited August 29, 2014
    Allen wrote: »
    See if playing with a line-height can get what you want.

    <div id="leftBox" style="float:left; width:xxxpx; text-align:center; line-height: XXpx">

    thank you again...it worked!

    jeannie
Sign In or Register to comment.