Check and Edit Errors on my site

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 (https://codex.www.ads-software.com/Child_Themes) or using this plugin, https://www.ads-software.com/extend/plugins/my-custom-css/ .

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

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 https://www.w3schools.com/cssref/pr_list-style-type.asp , or even your own image.

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! ??

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.

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?

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;
}

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!

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?

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?

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>

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="https://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>

Sorry I don’t know.

oh ok ?? that’s alright.

hope someone can help me.

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