1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress Web Design Advice?

Discussion in 'Blogging' started by GadgetsDome, Apr 4, 2014.

Tags:
  1. GadgetsDome

    GadgetsDome Registered Member

    Joined:
    Mar 17, 2013
    Messages:
    91
    Likes Received:
    11
    Hi BHW,

    I'm having a few issues editing a WordPress Blog.

    The Theme being used is 'Total', I'm wondering how I'd remove a blank/white area as well as making a box thicker/darker.
    WordPress Web Design.jpg

    I have attached pictures with annotations.

    I'd really appreciate the help! :)

    Thanks.
     
  2. TJnoodles

    TJnoodles Registered Member

    Joined:
    Dec 11, 2013
    Messages:
    88
    Likes Received:
    38
    I'm not familiar with your theme, but if you right mouse over the spot and pick inspect element in firefox a box will open at the bottom of your screen with the relevant css. You can change css in that window and see the effects in your browser.
     
  3. dionysus

    dionysus Junior Member

    Joined:
    Dec 15, 2008
    Messages:
    104
    Likes Received:
    31
    Honestly without owning the theme, looking at the CSS, or looking at the source of your site, it's impossible to say what you would have to change.

    I'd suggest right clicking on your site and "View Source". Locate the proper "id" or "class" element for post title (usually an H2) and adjust the margin or padding settings.
     
  4. Alienator

    Alienator Newbie

    Joined:
    Apr 7, 2014
    Messages:
    24
    Likes Received:
    1
    select the blank space, hit the F12 and find the corresponding html or css element.

    with making the box thinner-thicker, it's it table tag border properties, if the theme uses <td>-<tr> stuff
     
  5. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,364
    Likes Received:
    5,425
    Gender:
    Male
    Location:
    South Africa
    Home Page:
  6. StrixMedia

    StrixMedia Jr. VIP Jr. VIP Premium Member

    Joined:
    Jul 25, 2013
    Messages:
    2,073
    Likes Received:
    264
    Gender:
    Male
    Location:
    In a competitive world
    right click on the particular place and choose inspect element.that will help you out to find the exact css class/id name...you can modify the height/margin at the class/id name in style.css