how to change the CSS in the wordpress-theme 2017
Results 1 to 4 of 4

Thread: how to change the CSS in the wordpress-theme 2017

  1. #1
    Member
    Join Date
    Sep 2010
    Posts
    30

    how to change the CSS in the wordpress-theme 2017

    good evening dear php-experts.


    i just work on the theme- twentyseventeen that runs on a Wordpress-installation - that is - currently in the BETA-BETA mode. So sorry for this.. see the page http://www.f-s-j.de


    i want to change content and sidebars width http://www.f-s-j.de

    Id like to change the width of the content and sidebars on my domain: http://www.f-s-j.de
    Id like to have a wider content area to show the posts and pages better, then make the sidebar narrower and more to the right.
    And is it possible to modify the percent of the sidebar and content?

    additionally: i need to be sure that the after making this change, the padding beside the menu (is) remains small

    question: Can I do that through style.css?
    guess that i have to do it with this following method:

    i need to follow below steps:
    1. Login as admin and go on theme customizer Dashboard >> Apperance >> Customize or Click on Custimze link on top bar from front-end.
    2. Then navigate Additional CSS and put a ___certain css___ into textarea then click on Save & Publish button.

    The question is which ___certain css___ can be used?

    and yes: if it is possible to modify the percent of the sidebar and content this would be great.

    love to hear from you

    greetings
    dilbert

    ps - see the attachment:


    see the options i have tried: i tried several code-snippets



    Code:
    .wrap {
    max-width: 1000px;
    padding-left: 3em;
    padding-right: 3em;
    }

    and this one too:

    Code:
    .pdb-list {
        max-width: none;
        padding: 0;
    }
    
    
    .home .panel-content .wrap {
        max-width: 88%;
    }
    and this one:

    Code:
    .wrap { max-width: 1366px; }
    
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 60%
    }
    
    /*For Sidebar*/
    .has-sidebar #secondary {
    width: 30%
    }
    
    /*Responsive*/
    @media(max-width:768px) {
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 100%
    }
    
    /*For Sidebar*/
    .has-sidebar #secondary {
    width: 100%
    }
    }
    and finally this one ...


    Code:
    /*
    You can add your own CSS here.
    Click the help icon above to learn more.
    */
    div#primary {
    width: 70% !important;
    }
    
    To change right side sidebar width
    
    #secondary {
    width: 20% !important;
    }
    
    or
    
    to change whole site width
    
    .wrap {
    max-width: 100% !important;
    }
    well i am a bit clueless at the moment.
    Attached Images Attached Images
    dilbert 2010 :: overwhelming wordpress-toolkits http://wpgear.org/

  2. #2
    Member
    Join Date
    Sep 2010
    Posts
    30
    What about options to use float


    the content - primary - could we use float: left to align the content area to the left border?
    The right Sidebar - secondary - could we align this with float: right to the right border?



    i gaVe it a try .- and did the following:

    Code:
    */
    
    .div#primary {
    width: 70% !important;
     
    
    float: left}
    
    
    
    To change right side sidebar width
    
    
    
    #secondary {
    width: 20% !important;
     float: right}
    
    
    
    to change whole site width
    
    
    
    .wrap {
    max-width: 98% !important;
    }






    but the floating commands are without any effect. Why is this so?



    btw: can we controll with margin also some areas - the padding between Content primary and secondary?


    love to hear from you
    dilbert 2010 :: overwhelming wordpress-toolkits http://wpgear.org/

  3. #3
    Senior Member cluelessPHP's Avatar
    Join Date
    Apr 2015
    Location
    Scotland
    Posts
    493
    Why are you using !important ? Seems wrong to me
    Once you had a good excuse, you opened the door to bad excuses ― Terry Pratchett, Thud
    Fresh start
    Github version
    Current date 14/10/17
    Finish date "should be" 14/04/18

    Vote on your preferred indentation method

  4. #4
    Member
    Join Date
    Sep 2010
    Posts
    30
    dear CluelessPHP

    many thanks for the reply.

    Well - many thanks for the hint!

    probably this is leading to issues i have.

    Note: the float: right and the float: left command do not work. They are totally ineffective.

    And - what do you say - do you suppose to use also a margin command in order to arrange and configure the padding betwen

    content primary
    content secundary

    love to hear from you.
    dilbert 2010 :: overwhelming wordpress-toolkits http://wpgear.org/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •