Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #190576

    for the direct question please read straight the end of the post, after the ######, following there’s all the explanation to understand better the issue. Thank you

    Until now I’ve changed my website’s layout modifying the html code of several pages (editing the .php files like header.php, single.php, index.php, etc…). I did this because I hadn’t discovered all the funcionalities offered by the dynamic template.
    Now I’ve found out that the best solution for my needs is to create a dynamic template, use it in a page (called homepage) and show this page as the website’s main page!
    But in this way all the previous modifications (mainly related with spacings and paddings of the old homepage) aren’t applied anymore and I’m going to manually edit the forementioned php files. My question is: maybe there’s a solution involving the editing of only a css file? Or other kinds of files such that I won’t need in the future to edit again other files even though I’ll be changing again the template used for the main page and/or other sub pages?

    This is the current site, before the use of the dynamic template but after the changes made directly to the php files:
    And this one is the website after the dynamic template, showing all the differences in paddings and spacings of the different elements:

    I’ve edited several php files of the default template in order to change spacings and paddings of the different elements. Now I’m trying to use a dynamic template but it means that a lot of the previous changes are not applied anymore.
    Is there a way to adapt the new dynamic template to the old modified template without editing again all the php files?
    So far I was able to edit only the parts I wanted selectively adding to the php files lines of code like:

    <div class=”container” style=”width: 980px;”>
    <div class=”template-blog content” style=”width: 674px; padding-right: 6px;”>
    <div class=’post-entry <?php echo $extraClass; ?>’ style=”margin-bottom: 6px;”>

    and so on…

    The website is this one (sorry for the redirect and the space between the first and the second part of the link): YhYYQL

    Thank you very much!


    Ok Maybe the question, asked in this way, looks too tricky.

    Let’s say this: using a dynamic template, what do I have to edit in order to have:
    1) the class <div class=”template-blog content”> with a width of 674px with no left padding but with a right padding of 6px
    2) the class <div class=”sidebar sidebar1″> with a width of 300px with no paddings either left or right

    I need these 2 changes because I’d like to show the featured posts slider with no border on the left and only 6 px between it and the right sidebar, this one with no border on the right side.
    Previously I made these changes using the default homepage and everything worked well (I manually edited the forementioned php files) adding codes like these:
    <div class=”container” style=”width: 980px;”>
    <div class=”template-blog content” style=”width: 674px; padding-right: 6px;”>
    <div class=’post-entry <?php echo $extraClass; ?>’ style=”margin-bottom: 6px;”>

    But now they don’t work anymore!
    Help me please

    For instance I think I could solve the problem adding a css rule only for the class <div class=”grid3 first dynamic_template_columns”>
    How can I choose to add a left-padding of 20px only to this class? Its name contains spaces so I’m having some difficulties…
    Thank you!



    Please add following codes to Quick CSS in Shoutbox theme options under Styling tab

    .template-blog .content { width: 674px!important; padding-left: 0!important; padding-right: 6px!important; }


    .sidebar .sidebar1 { width: 300px!important; padding-right: 0!important; padding-left: 0!important; }


    .grid3 .first .dynamic_template_columns { padding-left: 20px!important; }



    Hi Yigit,
    unfortunately it doesn’t work…

    I’ve manually edited the php code for the template-blog content and the sidebar so I’m not having any problem with them… but the css code for the grid3 first dynamic_template_columns doesn’t work…

    May you have a look and tell me what’s wrong? YhYYQL

    I’ve already added the right code in the quick css box (and I’ve also tried using both padding-left and margin-left, both of them works if applied via the firebug extension) so I can’t figure out where the problem is

    Thank you!

    UPDATE: I’ve solved the problem adding another css code:
    .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid_fifth1, .grid_fifth2, .grid_fifth3, .grid_fifth4, .grid_fifth5 {
    float: left;
    margin-left: 20px!important;
    position: relative;
    The first element had a left padding of 0px because of the class div .first { clear: left; margin-left: 0; }; in this way I’ve solved everything (or at least it’s what looks like)

    • This reply was modified 3 years, 11 months ago by  matteora. Reason: solved


    Code is being applied
    Please flush browser cache and refresh your page a few times

    Best regards,


    Thx Yigit,
    is there a way to change the background color of the hopemage starting from below the featured post slider element?
    I’d like to have a lighter backgroung color (like grey) for all the other elements appearing in the lower part of the homepage (which will be composed by several columns elements in the dynamic template.

    what I’d like to have is this class:
    #main { background: none repeat scroll 0 0 #555555;}
    with that background color (#555555) only for the first 705px in vertical and all the bottom part of a lighter color: is it possible?
    thank you again



    You could try using a background image that repeats across for the top part of the page and then the background image under it. That should work though I have not tested it. Its what I would try as a first step.



    Thank you Devin,
    could you telm me how to do it?
    What do I have to modify?



    Does anyone know how to do this?
    Thank you again!


    You would create a background image that you want to show for the background of the page. If its just a repeating pattern then you could make it not very wide (50-100px). The height would be wherever you want the two content breaks to be.

    Then you would use css to add the image to your background and have it repeat across:


    Ok thx, I’ll try with it ;)
    just one question: in which part of the template should I add the css code? I mean, I got what the background is in the template, but do I have do modify a php file to make this modification working or maybe the custom css area is enough?



    You can add CSS codes to Quick CSS in Shoutbox theme options.



    Thx Yigit, I should’ve guessed it :)

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Change the layout of a custom homepage’ is closed to new replies.