To insert code use <code>...</code>.
[divider_top] padding
  • Hi,

    I wanted to reduce the padding inserted into a page using the [divider_top] shortcode as the space between sections was too wide. What I was trying to achieve was a space before (above) and after (below) the inserted divider line which was about half that of the standard theme settings.

    Through trial and error, I have come up with the following bit of css which I have pasted in to the 'custom css' box on the 'general settings' page of the Striking admin menu. However, I know very little of css so could someone please check that this is correct and I'm not causing problems elsewhere that I am currently oblivious too?

    My custom css is:



    .divider {
    padding-top:10px;
    margin-bottom:20px;
    }
    .divider.top a {
    top:0px;
    width:20px;
    font-size:10px;
    padding:0 2px;
    }




    Where as the original css from the dividers section of the screen.css theme file was:

    /* ======================================================= */
    /* Divider */
    /* ======================================================= */
    .divider {
    position:relative;
    clear:both;
    display:block;
    padding-top:20px;
    margin-bottom:40px;
    border-bottom:1px solid #EEEEEE;
    }
    .divider.top a {
    position:absolute;
    right:0;
    top:10px;
    width:20px;
    background:none repeat scroll 0 0 #FFFFFF;
    font-size:10px;
    padding:0 2px;
    text-align:right;
    text-decoration:none;
    color:#ccc;
    }
    .divider_padding {
    position:relative;
    clear:both;
    display:block;
    padding-top:30px;
    }
    .divider_line {
    position:relative;
    clear:both;
    display:block;
    border-bottom:1px solid #EEEEEE;
    margin-bottom:10px;
    }



    This seems to be doing the trick, but like I said, I'm not exactly sure what each line actually does (or any implications to other sections) as it was a working result found by purely trial and error of adjusting each number until I got something that looked about right.

    Also, and ideas how I might go about changing the "Top" text shown on the right side of the [divider_top] line with something else, such as "Back to the top"?

    Many thanks, James

    P.S. Please do something with the search function on this help forum - it's really really bad! It's almost impossible to find if the same question has been asked previously; the only was I've managed so far is to search the forum via Google. Searching using the search box at the top gives very random unrelated results, especially when you include several search terms to try to narrow it down a bit (does it do an 'or' search for all the keywords?).
  • 2 Comments sorted by
  • Hi James,

    You only need to included in the custom css field of striking what you want to alter. In this case would have been ok. But you code also is ok. They both work.


    .divider {
    padding-top:10px;
    margin-bottom:20px;
    }
    .divider.top a {
    top:0px;
    width:20px;
    }



    As for the search function of this forum. It is terrible i can only agree to that. A direct sql search will give better results then the search function from the forum software itself.

    as for the top text.....

    Open the language file that came with striking and that you can find in the language folder with poedit.exe search for the word Top and alter it into your own language. Save the language file again and upload the po and mo file by ftp to the correct folder of the theme.

    or open dividers.php (in the striking framework/shortcodes folder) goto line 8 and adjust it in there.

    I think you will have to alter the divider.top a again when you adjust the top text.

    Best regards,
    BackuPs

  • Perfect, thank you!

    Changing the text in dividers.php to "Back to top" and setting the divider.top width to 52px in the custom css did just what I was looking for.

    Cheers :)
This discussion has been closed.
All Discussions