spacing/padding issues

  • I am trying to adjust the spacing of my widgets and footer line with default v.1.06. Basically I want to add additional vertical space between my widgets.

    I am also trying to increase the size of my footer line. I added this line of code in the CSS tab of the customize menu and it worked with the older default theme versions.

    ‘.hentry .footer .line {
    height:300px !important;
    }’

    Also the widgets in my footer have a bullet point next to the title. How do I remove it?

Viewing 8 replies - 1 through 8 (of 8 total)

  • A link to your site would help.

    Thread Starter Symhome

    (@symhome)

    Here is the link.

    https://www.symhome.net

    In style.css find

    .widget h3 {
line-height:2em;
padding:0 4px 0 8px;
}

    The first 0 in padding is your spacing on the top. Change to 10px or 15px or whatever you like the spacing to be for widgets.

    For the footer

    #footer {
background-image:url("https://www.symhome.net/wordpress/wp-content/themes/constructor/themes/default/footer.png");
background-position:right bottom;
background-repeat:no-repeat;
width:1024px;
}

    Add a height property in there like

    height:450px;

    and change the size around until you get what you want.

    To remove bullets in footer you would have to add a new style. Something like below

    #footer, ul li {
list-style: none;
}
    Thread Starter Symhome

    (@symhome)

    Well the widget spacing and removing the bullet points worked.

    Where do I find the code for the footer to increase the spacing? I could not find it in the style.css file. And when I added it, it did nothing.

    Its located here.

    https://www.symhome.net/wordpress/wp-content/themes/constructor/cache/style1.css?ver=3.0

    Now it looks like its using some sort of cache plugin or the theme does it. But somewhere it generates that CSS and the site does use it. I would just check all the .css files and your cache folder.

    @symhome:
    All previous CSS rules you can write on CSS tab (Customize page)

    Thread Starter Symhome

    (@symhome)

    @antonshevchuk What code do I enter into the CSS tab? I originally had this code in the CSS tab with an older version of the theme and it worked.

    '.hentry .footer .line {
height:300px !important;
}'

    And the code suggested wpbum suggested put the image in the wrong location. Basically I am trying to get the footer text line to increase in height.

    W/out .line (i removed this is element for more easy structure)

    .hentry .footer {
height:300px !important;
}

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘spacing/padding issues’ is closed to new replies.