Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #25232

    For an example,

    http://www.enixorigin.com/square-enix-favorite-denis-picks-kingdom-hearts/

    I would like the titles of my articles to be centered, any help is appreciated.

    #126168

    One other thing, the text in my posts leave a huge empty spot on the right side, how can I make it long width wise. Here is an image of what I’m talking about

    http://i39.tinypic.com/1fe2r6.png

    I just hate that huge space on the right side.

    #126169

    Hi denisx04,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.single-post .page-title {
    text-align: center;
    }

    Just as an aside its terrible user experience to remove the ability for the user to right click on the page and does nothing for securing content from copying since the code is still available as well as the source, eg: view-source:http://www.enixorigin.com/square-enix-favorite-denis-picks-kingdom-hearts/

    Regards,

    Devin

    #126170

    Thank you very much Devin, and I removed the no right click.

    One other question, on the menu is there a way to remove the arrow when a menu has columns under it? Would make things easier for me because the arrow stretches the menu a bit, would love for it to just hover.

    Thanks.

    #126171

    Hi,

    You mean the little arrows inside the menu?

    You can get rid of them with this css

    #top .main_menu .avia_mega >li >ul li, #top .main_menu .avia_mega ul ul li{
    background-color:white;
    }

    #top .main_menu .avia_mega ul ul li{
    background-color:white;
    }

    You can either try the last block or both block above. Just add it to /css/custom.css

    Thanks,

    Nick

    #126172

    Thanks for the response Nick, It didn’t work. I inserted both blocks as well.

    I’m mainly trying to get the arrow removed like on this site http://www.squaresound.com/

    Their site has a better menu, is there anyway I can get my menu like that to leave more space for extra menus?

    #126173

    Hi,

    You can use this

    .dropdown_available {
    display: none !important;
    }

    Regards,

    Ismael

    #126174

    Hi,

    I still have no idea what arrows you are talking about, since I thought they were the arrows in the menu, and on the url you provided those arrows exist. Please take a screen shot and draw a circle around what it is you want removed. Here is all the custom css from the website you mentioned. The code I gave you removed arrows in the dropdown.

    Here is all the custom css code from the site you mentioned (though as I said, I still see arrows there)

    .social-single {
    margin:17px 0 60px 0;
    }
    div.entry-content tr:nth-child(odd) {
    background-color:#efefef;
    }
    div.entry-content tr:nth-child(even) {
    background-color:#ffffff;
    }
    div.entry-content table {
    margin-top:20px;
    }
    #tab-enquiry .form-row.notes {
    clear:both;
    }
    #product_enquiry_message {
    width:100% !important;
    }
    #product_enquiry_form {
    height:373px;
    }
    #top .tcsd-button.tweet {
    padding-top:0px;
    }
    #top.blog .template-blog .slideshow_container {
    display:none;
    }
    .csstransitions #top .products .product:hover#top .price,#top .price span,#top del,#top ins {
    display:inline;
    text-decoration:none;
    font-size:16px !important;
    line-height:18px;
    font-weight: bold;
    }
    /*normal colors - add to cart button*/
    #top .add_to_cart_button.button {
    font-weight: bold;
    }
    /*hover colors:add to cart button*/
    #top .add_to_cart_button:hover {
    font-weight:bold;
    }
    .related.products {
    display:none !important;
    }
    h1,h2,h3,h4,h5,h6,tr.pricing-row td,#top .portfolio-title,.callout .content-area,.avia-big-box .avia-innerbox {
    font-family:Signika Negative,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
    }
    body,.flex_column h1,.flex_column h2,.flex_column h3,.flex_column h4,.flex_column h5,.flex_column h6 {
    font-family:helvetica neue,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
    }
    div.entry-content tr:nth-child(odd) {
    background-color:#efefef;
    }
    div.entry-content tr:nth-child(even) {
    background-color:#ffffff;
    }
    div.entry-content table {
    margin-top:20px;
    }
    #tab-enquiry .form-row.notes {
    clear:both;
    }
    #product_enquiry_message {
    width:100% !important;
    }
    #product_enquiry_form {
    height:373px;
    }
    #top .tcsd-button.tweet {
    padding-top:0px;
    }
    #top.blog .template-blog .slideshow_container {
    display: none;
    }
    .csstransitions #top .products .product:hover#top .price,#top .price span,#top del,#top ins {
    display:inline;

    Thanks,

    Nick

    #126175

    Sorry for the confusion Nick, I managed to get it the way I wanted. I appreciate your time.

    If you could tell me, how do I center this http://i41.tinypic.com/2lb12fb.png ?

    #126176

    Hi,

    This will center the breadcrumbs

    breadcrumb-trail {
    width: 100%;
    text-align: center;
    }

    Thanks,

    Nick

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘How to center title?’ is closed to new replies.