Forum Replies Created

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter anunomalta

    (@anunomalta)

    Hi kjodle,

    Thanks for your reply.

    The theme I am using is as follows:

    WordPress 4.0.8 running Quark theme.

    The way the website is responsive it is through the responsive theme yes.

    The way to go maybe would be something like adding a css sentence like .bannersomething and then set the specifics for color and height maybe ? But exactly how it’s done I don’t really know.

    The previous banner wasn’t much compatible with the site when it comes to design only though so I set the following sentence to remove it:

    .banner {display: none!important;}

    and then added those 2 lines.

    Again, they do the trick but only on a desktop view.

    Don’t know if there is a shorter way to make these lines responsive or if I have to write a new code to make those 2 banners and then making them responsive too?

    Kind regards,
    Amilcar

    Thread Starter anunomalta

    (@anunomalta)

    Thanks for your reply.

    I have tried using that but didn’t work at all though. The only thing that happened was a blank space where I added that css sentence.

    What I really need though is to make those 2 blue lines responsive. I added this in the Header section. I know it is not the best way but it does the trick. But it is not responsive. Browsing through a mobile both lines will still keep the 1200 px width.

    I have this for those 2 blue lines at the header:
    <div class="aligncenter" style="width:1200px;height:6px;background-color:#0c3c60;font-size:0;">-</div>

    Can anyone help me on this one please?

    I would be much appreciated.

    Kind regards,
    Amilcar

    Thread Starter anunomalta

    (@anunomalta)

    Done! Cheers!

    Thread Starter anunomalta

    (@anunomalta)

    Although, and just for the record, I managed to center the title by doing it manually.

    I just went to the page-header.php (templates/page-header.php)and added the following:

    <h1 style=”text-align: center;”>TEXT</h1>

    Also left the original page title in blank and it worked! 🙂

    I know it can’t be highly recommended but think it won’t make much difference just for this case though.

    But again, thanks for everything! 😉

    Cheers!

    Thread Starter anunomalta

    (@anunomalta)

    Ye thanks anyway!! At least I know what to count with this theme now!! It would work if it wasn’t all the conditions these theme has. And accessing via ftp just for one page, apart from never done that, think it wouldn’t be worthwhile going there just for this.

    But you guys were great!! Thanks all!! Really!!

    Cheers!

    Thread Starter anunomalta

    (@anunomalta)

    Ye think the first one is a bit too much for me now 🙂

    About changing directly on the /wp-content/themes/virture/assets/css/virtue.css is that in the Appearance > Editor > … ? Sorry for my ignorance, probably is something where the website is hosted I reckon!

    But what do I change there even though? Is it any code I should paste there?

    I might change the theme and done, rebuild this page again from scratch!!

    Cheers mates!
    😉

    Thread Starter anunomalta

    (@anunomalta)

    SOrry ikaring, just read your comment now.

    Ye that was what I thought so, at least that something wasn’t quite right here!!

    I honestly have no idea what do you mean with child theme nor to add the rule /wp-content/themes/virture/assets/css/virtue.css as you suggest. I also don’t want to bother you much as you are being so great, so maybe changing the theme would be the best option then? Or is it easy with the child theme or adding the above rule?

    Thanks!!

    Thread Starter anunomalta

    (@anunomalta)

    Hi Erik!

    Thanks for your reply!

    I have installed and activated the CSS Editor Plugin and tried both codes in the CSS Editor but nothing worked.

    I honestly think there is something wrong with this theme at least because of two things:

    – 1) there is one short code I am using on other websites to have pictures as buttons with hover and in this one is not working the very same short code on pages (you may see the 3 pictures there the hover is not working);
    – 2) Usually on the CSS Editor style.css there are loads of writing there but on this one, there is only this: (and it isn’t codes but just comments?)

    /*
    Theme Name: Virtue
    Theme URI: http://kadencethemes.com/product/virtue-free-theme/
    Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It’s fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by Kadence Themes.
    Version: 2.4.1
    Author: Kadence Themes
    Author URI: http://kadencethemes.com/
    Tags: responsive-layout, two-columns, one-column, custom-colors, custom-header, custom-menu, featured-images, translation-ready, theme-options, photoblogging
    Text Domain: virtue

    License: GNU General Public License v3.0
    License URI: http://www.gnu.org/licenses/gpl.html
    */

    This is all I have on my style.css, where I tried pasting both codes you guys suggested but unfortunately didn’t work.

    What do you guys reckon? Have you ever saw something like this? Again, I have been using the CSS Editor without even install the CSS Editor Plugin very well on other websites, for buttons, rules, color links, etc … This was the first time I downloaded this plugin but still didn’t work! 🙁

    Any ideas? Or should I just change the Theme and do it again?

    Thanks so much!!
    Cheers

    Thread Starter anunomalta

    (@anunomalta)

    Hi!

    Thanks for your reply!! Really!

    When I said I been at the page.phb was actually and only to trying to add the class to add the rule on CSS Editor. By I have undone everything so it’s safe!

    I have tried both codes bellow that you’ve suggested on the CSS Editor but the title doesn’t go center!

    .page-header {
    text-align: center;
    }

    and

    .page-header h1{
    text-align: center;
    }

    Don’t know if this helps but, on my page.php I have:

    <div id=”pageheader” class=”titleclass”>
    <div class=”container”>
    <?php get_template_part(‘templates/page’, ‘header’); ?>
    </div><!–container–>
    </div><!–titleclass–>

    <div id=”content” class=”container”>
    <div class=”row”>
    <div class=”main <?php echo esc_attr( kadence_main_class() ); ?>” role=”main”>
    <?php get_template_part(‘templates/content’, ‘page’); ?>
    <?php global $virtue; if(isset($virtue[‘page_comments’]) && $virtue[‘page_comments’] == ‘1’) { comments_template(‘/templates/comments.php’);} ?>
    </div><!– /.main –>

    And then I have a page-header.php (templates/page-header.php) which has the following codes:

    <div class=”page-header”>
    <h1>
    <?php echo kadence_title(); ?>
    </h1>
    <?php global $post;
    if(is_page()) {
    $bsub = get_post_meta( $post->ID, ‘_kad_subtitle’, true );
    if(!empty($bsub)){
    echo ‘<p class=”subtitle”> ‘.__($bsub).’ </p>’;
    }
    } else if(is_category()) {
    echo ‘<p class=”subtitle”>’.__(category_description()).’ </p>’;
    } ?>
    </div>

    From here, what should I write as a rule on the CSS Editor (style.css) to make it go to center, the Page title? Or am I doing something wrong in here?

    Sorry about that!! I am not a pro on this one and I just started writing 2/3 motnhs ago only!

    Thanks so much!!
    Cheers!!

Viewing 9 replies - 1 through 9 (of 9 total)