Viewing 6 replies - 1 through 6 (of 6 total)
  • I looked at the source code and don’t see any url’s for the images.

    Look for :

    <img src=""......

    You need to have a url to the image, it’s best to use a full url of the form “https://www.imagesite.ext/image.jpg&#8221; trc.

    Thread Starter gregfox

    (@gregfox)

    Thanks for the reply I will try this and see what i can do and get back with you to let you know.

    Thread Starter gregfox

    (@gregfox)

    Tried and not working… is it something in my style.css?

    /*
    Theme Name: Triqui MochiAds Arcade
    Theme URL: https://www.emanueleferonato.com/triqui-mochiads-arcade-theme-for-wordpress-official-page/
    Description: Turns your WordPress blog into a MochiAds arcade theme. For requirements, instructions, bug reporting and updates visit the official page.
    Author: Emanuele Feronato
    Author URI: https://www.emanueleferonato.com/
    Version: 1.0

    */

    /* SPECIAL ATTRIBUTES */

    /* the body… */
    body {
    background-color:#090909;
    background-image:url(‘images/back.png’);
    margin:0;
    padding:0;
    }

    /* wrapper – used to manage multiple columns */
    #wrap {
    width:990px;
    margin:0px auto;
    }

    /* images */
    img {
    border: 0px;
    width: 100px;
    height: 100px;
    }

    /* special css to clear floating columns – don’t touch it */
    .clear {
    clear:both;
    padding:0;
    margin:0;
    }

    /* THE HEADER */

    /* header*/
    #header {
    width: 990px;
    height: 120px;
    color: white;
    font:normal 12px verdana;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    }

    /* header paragraph */
    #header p {
    padding: 5px 0px 5px 0px;
    margin: 0px;
    line-height: 20px;
    }

    /* left header sidebar (“triqui” image) */
    .headerleft {
    width: 300px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    height:106px;
    background-image:url(‘images/triqui.png’);
    cursor:pointer;
    }

    /* header right sidebar (blog title and ads) */
    .headerright {
    width: 680px;
    float: right;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
    font:normal 10px verdana;
    }

    /* links in the right header sidebar */
    .headerright a {
    color: #ffffff;
    text-decoration: none;
    padding: 0px 0px 0px 3px;
    }

    /* rollover effect for links in the right header sidebar */
    .headerright a:hover {
    color:#c5fd37;
    text-decoration: underline;
    }

    /* NAVBAR – THE CATEGORIES MENU */

    /* navbar itself */
    #navbar {
    background-color: #111111;
    border:1px solid #292929;
    width: 990px;
    padding: 0px;
    margin:0px auto;
    height:40px;
    }

    /* navbar list container */
    #nav {
    margin: 0px;
    padding: 3px 0px 0px 10px;
    list-style: none;
    }

    /* navbar list */
    #nav ul {
    margin: 0px;
    padding: 0px;
    }

    /* navbar link */
    #nav a {
    font:bold 10px arial;
    color: #ffffff;
    display: block;
    text-transform: uppercase;
    margin: 5px 5px 0px 0px;
    padding: 5px;
    text-decoration: none;
    }

    /* navbar link rollover effect */
    #nav a:hover {
    border-bottom:3px solid #c5fd37;
    color:#c5fd37;
    }

    /* navbar list element */
    #nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    /* GAME BOX */

    /* game container */
    .game{
    padding:0px;
    width:100px;
    height:100px;
    float:center;
    margin:0 5px 5px 0;
    background:black;
    border:2px solid black;
    overflow:hidden;
    text-align:center;
    }

    /* game title */
    .game h2 {
    font:bold 10px arial;
    text-align:center;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
    }

    /* game title link */
    .game h2 a {
    color:#ffffff;
    text-decoration:none;
    }

    /* game sliding content */
    .game p {
    margin:0px;
    padding:0px;
    }

    /* GAME BOX ON ROLLOVER */

    /* game container */
    .game2 {
    width:100px;
    height:100px;
    padding:1px;
    float:left;
    margin:0 5px 5px 0;
    background:black;
    border:1px solid black;
    overflow:hidden;
    text-align:center;
    }

    /* game title */
    .game2 h2 {
    font:bold 10px arial;
    text-align:center;
    margin:5px 0px;
    padding:0px;
    text-transform:uppercase;
    }

    /* game title link */
    .game2 h2 a {
    color:#ffffff;
    text-decoration:none;
    }

    /* game sliding content */
    .game2 p {
    margin:-28px 0px 0px 0px;
    }

    /* BLOG CONTENT */

    /* error 404 page*/
    .error404{
    font:bold 11px verdana;
    color:#ffffff;
    padding:40px;
    }

    /* the content itself */
    #content {
    width: 990px;
    margin: 0px auto;
    padding: 0px;
    }

    /* content in the game page */
    #gamecontent{
    width:990px;
    padding:0px;
    }

    /* game title in the game page */
    #gamecontent h1{
    font:bold 24px verdana;
    color:#c5fd37;
    padding:5px;
    margin:10px 0px 0px 0px;
    text-transform:uppercase;

    }

    /* left part of the game page… contains name, ratings and so on */
    .gameleft{
    width:500px;
    float:left;
    }

    /* right part of the container… does not contain anithing at the moment */
    .gameright{
    font:normal 11px verdana;
    width:480px;
    float:left;
    padding:15px 10px 0px 0px;
    color:#ffffff;
    text-align:right;
    }

    /* left part of main page… contains game thumbnails */
    #contentleft {
    float: left;
    width: 670px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    }

    /* div containing date (not included in my theme), ratings and games played counter */
    .date {
    font:normal 11px verdana;
    color:#aaaaaa;
    padding: 0px;
    margin: 5px 0px 0px 15px;
    }

    /* link in the previously explained div */
    .date a{
    color:#c5fd37;
    }

    /* flash container */
    .flash{
    text-align:center;
    }

    /* container for the adsense ad below the game */
    .adsensead{
    text-align:center;
    }

    /* description of the game */
    .description{
    padding:5px;
    color:#ffffff;
    background-color:#111111;
    border:1px solid #292929;
    font:normal 11px verdana;
    margin:15px 0px 5px 0px;
    }

    /* description list style */
    .description ul{
    margin: 10px 0px 10px 25px;
    padding: 0px;
    list-style: none;
    }

    /* description list element style */
    .description ul li{
    color:#c5fd37
    }

    /* description of 2nd child list element style */
    .description ul li ul li{
    color:#ffffff;
    line-height:18px;
    }

    /* description of link in the 2nd child list element style */
    .description ul li ul li a{
    color:#c5fd37
    }

    /* page (example:about) container */
    .page{
    width:630px;
    background-color:#111111;
    border:1px solid #292929;
    padding:10px;
    font:normal 11px verdana;
    color:#ffffff;
    line-height:18px;
    }

    /* page link */
    .page a{
    color:#c5fd37;
    }

    /* page title */
    .page h1{
    font:bold 18px verdana;
    }

    /* RIGHT SIDEBAR */

    /* sidebar container */
    #r_sidebar {
    float: right;
    width: 320px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    }

    /* sidebar titles */
    #r_sidebar h2 {
    color: #c5fd37;
    font:bold 12px arial;
    text-transform: uppercase;
    margin: 5px 0px 5px 0px;
    padding: 3px 0px 3px 5px;
    }

    /* sidebar list */
    #r_sidebar ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

    /* sidebar list element */
    #r_sidebar ul li{
    border:1px solid #292929;
    margin:0px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
    background-color:#111111;
    font:normal 11px arial;
    }

    /* sidebar 2nd child list element */
    #r_sidebar ul li ul li{
    border:none;
    margin:0px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
    font:normal 11px arial;
    color:#777777;
    }

    /* sidebar link */
    #r_sidebar a{
    color:#ffffff;
    text-decoration:none;
    }

    /* sidebar link rollover effect */
    #r_sidebar a:hover {
    color: #c5fd37;
    text-decoration:underline
    }

    /* FOOTER */

    /* footer container */
    #footer {
    background-color:#111111;
    border-top:1px solid #292929;
    color: #ffffff;
    margin: 0px;
    margin:10px 0px 0px 0px;
    }

    /* footer link */
    #footer a{
    text-decoration:none;
    color:#777777;
    }

    /* footer linl rollover */
    #footer a:hover{
    color:#c5fd37;
    }

    /* container for the list of all games */
    .posts_wrapper{
    width:990px;
    margin:0px auto;
    padding:0px;
    }

    /* container for the column with game list */
    .footer_posts{
    width:185px;
    float:left;
    margin: 15px 0px 0px 0px;
    padding:0px 5px 0px 7px;
    border-left:1px solid #666666;
    }

    /* game list style type */
    .footer_posts ul{
    list-style: none;
    padding:0px;
    margin:0px;
    }

    /* game list element style type */
    .footer_posts ul li{
    font:bold 10px arial;
    padding:1px 0px;
    }

    /* footer copyright */
    #copy{
    text-transform:uppercase;
    font:bold 10px arial;
    color:#ffffff;
    text-align:center;
    padding:20px 0px 10px 0px
    }

    /* footer copyright link */
    #copy a{
    color:#c5fd37;
    }

    /* COMMENTS */

    /* comments left sidebar (where you enter the comment */
    #commentleft {
    font:normal 10px verdana;
    color:#ffffff;
    padding: 0px;
    margin: 0px 40px 0px 0px;
    line-height:20px;
    float:left;
    width:450px;
    }

    /* comments left sidebar link */
    #commentleft a{
    text-decoration:none;
    color:#c5fd37;
    }

    /* comments left sidebar small text (showing tags) */
    #commentleft small{
    color:#777777;
    font:normal 10px verdana;
    }

    /* input texts and textareas */
    .texts{
    background-color:#333333;
    border:1px solid #444444;
    width:90%;
    padding:2px
    font:normal 12px verdana;
    color:#f5f5f5;
    }

    /* review title */
    #review{
    font:normal 12px verdana;
    color:#c5fd37;
    padding:10px;
    border:1px solid #292929;
    background-color:#111111;
    }

    /* comments right sidebar (where read reviews) */
    #commentright{
    font:normal 11px verdana;
    color:#aaaaaa;
    float:left;
    width:500px;
    }

    /* comments right sidebar link */
    #commentright a{
    text-decoration:none;
    color:#c5fd37;
    }

    /* the review itself */
    .commentballoon {
    clear: both;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    height:10px;
    background: url(images/comment.png) no-repeat top left;

    }

    /* text inside the review */
    .commenttext {
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 5px 10px;
    width: 420px;
    background: #333333;
    line-height:18px;

    }

    /* submit button */
    .sub_button{
    background-color:#333333;
    border:1px solid #444444;
    padding:2px
    font:normal 12px verdana;
    color:#f5f5f5;
    }

    Thread Starter gregfox

    (@gregfox)

    Fixed, close.

    Hi I am having trouble with Triqui Theme. I am needing to alter content and change Triqui logo and add social likes button.
    I’ve asked Emanuele the developer for help but he hasn’t replyed.

    Is there a way I can alter something into the — Triqui: Stylesheet (style.css) in edit theme?.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problem with Triqui template’ is closed to new replies.