WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Check and Edit Errors on my site (15 posts)

  1. max@unlockchiropractic
    Member
    Posted 2 years ago #

    Hello there,

    Thank you so much for checking by. I really need some help. I do not understand CSS or coding the wordpress. But there are some minor annoyances that I'd like to fix.

    I always use the visual tab whenever I make a post. But the problem is the space between paragraph when I use bullet points after publishing it. The published post didn't show any bullet points nor the space between the paragraphs.

    Also, the bullet point is visible in the visual format before i published but it's not visible after publishing it.

    I am really having hard time making sure that whatever i edit in visual is the same when i published. It seems to be different. I do not know how else to explain this. I really appreciate if anyone can look into the source code and fix it for me?

    my website is http://www.unlockchiropractic.com and I use the wptuts theme.

    Thank you!

  2. Andrew
    Forum Moderator
    Posted 2 years ago #

    Around line 47 in style.css file, this

    ol, ul {
    list-style: none;
    }

    Is saying 'display no bullet points or any styles to list elements'.

    If you want to change this, I'd suggest either creating a Child Theme CSS file (http://codex.wordpress.org/Child_Themes) or using this plugin, http://wordpress.org/extend/plugins/my-custom-css/ .

  3. max@unlockchiropractic
    Member
    Posted 2 years ago #

    i am not familiar with making child theme, it seems rather complicated. I'll stick with the plugin for time being. Unless someone want to make a child theme for me.

    With the custom css plugin installed, what are the codes that i should enable?

    anyhow, i'll check with the plugin and report back if it works! :)

    thanks

  4. Andrew
    Forum Moderator
    Posted 2 years ago #

    When checking if the plugin works,
    enter this custom style:

    ol, ul{
     list-style-type: square;
    }

    You can have loads of different bullet point styles, shown on this page http://www.w3schools.com/cssref/pr_list-style-type.asp , or even your own image.

  5. max@unlockchiropractic
    Member
    Posted 2 years ago #

    oh wow that works!

    so with the custom CSS plugin, i can add any codes to it? regardless of what i typed in?

    it doesn't need to be in any order or format?

    thanks! :)

  6. Andrew
    Forum Moderator
    Posted 2 years ago #

    The general principle with CSS (Cascading Style Sheets) is the greater the cascading position of code, the more precedence it will take over other elements.

    So if you have

    ol, ul{
     list-style-type: square;
    }
    
    ol, ul{
     list-style-type: circle;
    }

    The list items will be bullet pointed with circles.

    The code must only include CSS format, not PHP, HTML or JavaScript.

  7. max@unlockchiropractic
    Member
    Posted 2 years ago #

    makes sense. what if i want to change the color of the text in general? the post i made usually have grey text. i want to change the grey text to a black text.

    the link color is not a problem.

    it seems that i have to highlight the text in the visual editor from grey to black to make it black color. is there a way that the text is automatically black (even when published) unless changed by a user in the visual editor before publishing?

  8. Andrew
    Forum Moderator
    Posted 2 years ago #

    Add this code, including your hexadecimal value of the colour you want (starting with # and usually 3 to 6 digits long).
    E.g at the moment it is dark grey

    body {
     color: #555;
    }
  9. max@unlockchiropractic
    Member
    Posted 2 years ago #

    wow that's really simple!!

    now, if you don't mind my asking i have another question,

    i'd like to add something. it has to do with google custom search engine. I know how to get the code from google.

    But the issue is, i like where the search engine bar is located in my theme, but the result page is not showing up within main frame. It seems to show up in the sidebar. I do not want that. I do not like to have a new window or tab (since people will have ad block programs).

    What I am trying to say is that I like the result to show up in my site below the header and beside the sidebar and above the footer. Makes sense?

    not sure how to go about that.

    i really really appreciate your kind help :) Thanks!

  10. Andrew
    Forum Moderator
    Posted 2 years ago #

    What I am trying to say is that I like the result to show up in my site below the header and beside the sidebar and above the footer. Makes sense?

    Underneath the sidebar or underneath and separate to the main white box that contains your posts & slider?

  11. max@unlockchiropractic
    Member
    Posted 2 years ago #

    i mean the front page where all my post shows up. Suppose someone type something in the search engine in the side bar, i want the results to show up in that front page where the latest posts used to be.

    makes sense?

  12. Andrew
    Forum Moderator
    Posted 2 years ago #

    It'll be within the div ID "wrap" and "post-content"
    E.g

    <div id="wrap" class="clearfix"><div id="post-content">
     <div id="post-content">
      <!-- Your search results go here -->
     </div>
    </div>
  13. max@unlockchiropractic
    Member
    Posted 2 years ago #

    EDIT : OOPS i think i put the wrong type of code.

    ok. i'm still confused.

    i just went to google and made a custom search engine.

    this is the code where the search engine bar is suppose to be

    <div id="cse-search-form" style="width: 100%;">Loading</div>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
      google.setOnLoadCallback(function() {
        var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
          '012474349042792806020:hc7lkvh-1r4', customSearchOptions);
        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
        var options = new google.search.DrawOptions();
        options.setSearchFormRoot('cse-search-form');
        customSearchControl.draw('cse', options);
      }, true);
    </script>
    
    <style type="text/css">
      .gsc-control-cse {
        font-family: Arial, sans-serif;
        border-color: #FFFFFF;
        background-color: #FFFFFF;
      }
      .gsc-control-cse .gsc-table-result {
        font-family: Arial, sans-serif;
      }
      input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
        border-color: #D9D9D9;
      }
      input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
        border-color: #2F5BB7;
        background-color: #357AE8;
        background-image: none;
        filter: none;
      }
      .gsc-tabHeader.gsc-tabhInactive {
        border-color: #CCCCCC;
        background-color: #FFFFFF;
      }
      .gsc-tabHeader.gsc-tabhActive {
        border-color: #CCCCCC;
        border-bottom-color: #FFFFFF;
        background-color: #FFFFFF;
      }
      .gsc-tabsArea {
        border-color: #CCCCCC;
      }
      .gsc-webResult.gsc-result,
      .gsc-results .gsc-imageResult {
        border-color: #FFFFFF;
        background-color: #FFFFFF;
      }
      .gsc-webResult.gsc-result:hover,
      .gsc-imageResult:hover {
        border-color: #FFFFFF;
        background-color: #FFFFFF;
      }
      .gs-webResult.gs-result a.gs-title:link,
      .gs-webResult.gs-result a.gs-title:link b,
      .gs-imageResult a.gs-title:link,
      .gs-imageResult a.gs-title:link b {
        color: #1155CC;
      }
      .gs-webResult.gs-result a.gs-title:visited,
      .gs-webResult.gs-result a.gs-title:visited b,
      .gs-imageResult a.gs-title:visited,
      .gs-imageResult a.gs-title:visited b {
        color: #1155CC;
      }
      .gs-webResult.gs-result a.gs-title:hover,
      .gs-webResult.gs-result a.gs-title:hover b,
      .gs-imageResult a.gs-title:hover,
      .gs-imageResult a.gs-title:hover b {
        color: #1155CC;
      }
      .gs-webResult.gs-result a.gs-title:active,
      .gs-webResult.gs-result a.gs-title:active b,
      .gs-imageResult a.gs-title:active,
      .gs-imageResult a.gs-title:active b {
        color: #1155CC;
      }
      .gsc-cursor-page {
        color: #1155CC;
      }
      a.gsc-trailing-more-results:link {
        color: #1155CC;
      }
      .gs-webResult .gs-snippet,
      .gs-imageResult .gs-snippet,
      .gs-fileFormatType {
        color: #333333;
      }
      .gs-webResult div.gs-visibleUrl,
      .gs-imageResult div.gs-visibleUrl {
        color: #009933;
      }
      .gs-webResult div.gs-visibleUrl-short {
        color: #009933;
      }
      .gs-webResult div.gs-visibleUrl-short {
        display: none;
      }
      .gs-webResult div.gs-visibleUrl-long {
        display: block;
      }
      .gs-promotion div.gs-visibleUrl-short {
        display: none;
      }
      .gs-promotion div.gs-visibleUrl-long {
        display: block;
      }
      .gsc-cursor-box {
        border-color: #FFFFFF;
      }
      .gsc-results .gsc-cursor-box .gsc-cursor-page {
        border-color: #CCCCCC;
        background-color: #FFFFFF;
        color: #1155CC;
      }
      .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
        border-color: #CCCCCC;
        background-color: #FFFFFF;
        color: #1155CC;
      }
      .gsc-webResult.gsc-result.gsc-promotion {
        border-color: #F6F6F6;
        background-color: #F6F6F6;
      }
      .gsc-completion-title {
        color: #1155CC;
      }
      .gsc-completion-snippet {
        color: #333333;
      }
      .gs-promotion a.gs-title:link,
      .gs-promotion a.gs-title:link *,
      .gs-promotion .gs-snippet a:link {
        color: #1155CC;
      }
      .gs-promotion a.gs-title:visited,
      .gs-promotion a.gs-title:visited *,
      .gs-promotion .gs-snippet a:visited {
        color: #1155CC;
      }
      .gs-promotion a.gs-title:hover,
      .gs-promotion a.gs-title:hover *,
      .gs-promotion .gs-snippet a:hover {
        color: #1155CC;
      }
      .gs-promotion a.gs-title:active,
      .gs-promotion a.gs-title:active *,
      .gs-promotion .gs-snippet a:active {
        color: #1155CC;
      }
      .gs-promotion .gs-snippet,
      .gs-promotion .gs-title .gs-promotion-title-right,
      .gs-promotion .gs-title .gs-promotion-title-right *  {
        color: #333333;
      }
      .gs-promotion .gs-visibleUrl,
      .gs-promotion .gs-visibleUrl-short {
        color: #009933;
      }</style>

    Where should i put this code?? in the html widget sidebar?

    what about this code for the results? where should i put it?

    <div id="cse" style="width:100%;"></div>

  14. Andrew
    Forum Moderator
    Posted 2 years ago #

    Sorry I don't know.

  15. max@unlockchiropractic
    Member
    Posted 2 years ago #

    oh ok :) that's alright.

    hope someone can help me.

    [ moderator: please stop bumping. it is not permitted here ]

Topic Closed

This topic has been closed to new replies.

About this Topic