WordPress.org

Ready to get started?Download WordPress

Forums

Ryu
Theme conflicting with plugin.. Please help (12 posts)

  1. alabiola
    Member
    Posted 4 months ago #

    Hello Everyone,
    I'm really enjoying the ryu theme but I have some questions please;

    Firstly, I recently installed soliloquy slider plugin and I begin to have issues with the theme. I can't centre the slider and other contents on my customised homepage. I realised the problem is from the "sidebar" that appears on the left side of every post which includes author, comment, tags, etc... Please how do I get rid of the sidebar for just the homepage ONLY??

    Also, I discovered that the mobile version of my blog is not organised like it used to be before I installed the plugin. I guess its because of the sidebar though... Please advice!

    My blog: http://www.urbanehanger.com

  2. The homepage slider is looking centered to me - did you get this sorted out?

  3. alabiola
    Member
    Posted 4 months ago #

    Thank you for your response. I was able to get rid of the side panel where you have comment,tags, title, etc. but other pages like About(urbanehanger.com/about), Contact, and even post are not "page" centralized even when i use the html tag (<center>). Also, the mobile view is terrible at this point. Please advise!

  4. Hi there, one reason the mobile display may not be as it should be because you've added quite a few styles to your child theme that are overriding the mobile media queries, and instead forcing a wide width even on small devices. For example:

    #main {
       max-width: 1280px;
       margin-left: auto;
       margin-right: auto;
    }
    
    body {
       margin: auto;
       width: 1280px;
    }

    You may want instead to target only wide devices with some of those styles. You can learn how to do that with media queries here:

    http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    I suggest you check your site on a mobile device after adding one or two custom styles at a time. That will let you see where the problematic style is more quickly, so you can adjust it as needed.

    I'll reply to your other question separately.

  5. other pages like About(urbanehanger.com/about), Contact, and even post are not "page" centralized even when i use the html tag (<center>).

    The <center> tag isn't going to center the page content the way you want.

    Try this in your child theme's CSS:

    .page .entry-content {
       margin: 0 auto;
       float: none;
    }
  6. alabiola
    Member
    Posted 4 months ago #

    So sorry for this delay... I didn't notice you replayed yet. The home page seems to be in good shape now except for the "table border lines" showing on the page even though the cell border are at 0px.. Pls advice. Also, I'm still having challenges with other pages like about, contact and even posts too. Firstly, I want to be able to center the about and contact page. Secondly, I want "1280 width" for all my posts. I am thinking I can add more css files to help achieve my aim but I am not getting some things right.. Please assist me!

    Thank you for your time.

  7. Hi there, I used the Firebug for Firefox addon to find the style being applied to your table borders:

    .entry-content td, .entry-summary td, .comment-body td {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: rgba(0, 0, 0, 0.1);
        border-image: none;
        border-style: solid;
        border-width: 0 1px 1px 0;
        padding: 8px 8px 9px;
    }

    You can remove those borders in your child theme CSS. Something like:

    .entry-content td, .entry-summary td, .comment-body td {
        border: none !important;
    }

    Learning how to target your site's CSS will help you make certain design changes, such as increasing the layout width. Here are some very helpful posts that will help you customize your site with CSS:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    http://dailypost.wordpress.com/2013/06/21/css-intro/

    If CSS is new to you, we also have some resources for learning more about it here:

    Also, I'm still having challenges with other pages like about, contact and even posts too. Firstly, I want to be able to center the about and contact page.

    Adding the CSS to your child theme that I gave you above works for me did you try it?

    .page .entry-content {
       margin: 0 auto;
       float: none;
    }
  8. alabiola
    Member
    Posted 4 months ago #

    THank you so much for your response. Unfortunately the code below only works for the about, contact pages but it doesn't work for the homepage.

    .page .entry-content {
       margin: 0 auto;
       float: none;
    }

    For illustration purposes I have included the css modification for you to see what it looks like on the homepage. Also, the border didn't go out completely. Please advice

  9. Did you get this sorted out? Your homepage content looks centered to me and I don't see any stray borders, except for the dotted lines you've added.

    This is what it looks like on my end in Firefox 26:

    https://cloudup.com/cTvPd72D9eH

  10. alabiola
    Member
    Posted 3 months ago #

    You are too kind Kathryn... I got the homepage sorted out with css instead of the table I used previously. I'm still not able to center the about,contact, post pages though. The css you provided worked for these pages except for the homepage, so I removed it.. Please advice further

  11. If you add back the CSS above, does that center the other pages and posts?

  12. alabiola
    Member
    Posted 3 months ago #

    YES!!!! But the homepage will be disorganized. Could you please assist me with how I can go about customizing a different css for my posts because I want a 1280px width for images in the posts and right now the homepage,post, etc. are controlled by just one css(with the width 940px) which makes it impossible to have a full width on my posts.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.