Support » Theme: Sela » Texts on Posts Pages seems to be not centered

  • Resolved gogiontheblock

    (@gogiontheblock)


    Hello, texts on my post pages seem to not be aligned center altho it is set as align center on dashboard-pages. Is there any way to fix this? Thanks!

    gogiontheblock.com

Viewing 12 replies - 1 through 12 (of 12 total)
  • Sarah Blackstock

    (@sarahblackstock)

    Hi there! Do you mean where the content seems to be shifted to the left of center a bit, like on this page: http://gogiontheblock.com/events/?

    If so, try this:
    – Open a page to edit (like your events page).
    – Under “Page Attributes” set the template to “Full Width Page”
    – Save/update the page, then check it out on your site. (Did that fix it?)

    Pages like that one look like they’re leaving space on the right for a sidebar. If you want to have widgets there, instead of switching to the full width page template, you could add widgets to the Sidebar area and they’ll show up in that space on the right.

    Let me know if you have any questions! 🙂

    That worked by fixing it to Full Width Page. Thanks!

    Also, under MENU- where we have the food truck and catering menu- is it possible to make MENU a “blank” or unclickable on the menu header?

    I would also like to insert a button that would link to Catering Menu on Catering’s Page. Any possibility you would know how to do this?

    Thanks and apologies for multiple questions!

    You’re welcome! 🙂

    To create a menu link that isn’t clickable, add a “custom link” to your menu and in the URL field put # (just #). Then for the label add the (non-clickable) text that you want it to display in the menu.

    For a button, you could create/find an image to use as a button, then insert it into the page like any other image and link it to any page you want. Or there are several plugins that help you create buttons, like this one: https://wordpress.org/plugins/forget-about-shortcode-buttons/

    (If you’re new to picking plugins, look for ones that have been updated recently, have good ratings, and are compatible with the current version of WordPress.)

    Hope that helps! Your website is making me hungry. 😀

    For the button, you could also use CSS to create a custom button, if you’d like. I’m not sure if you’re familiar with CSS, but if you’re interested in trying out that method, I’ll add some steps here. 🙂

    First, make sure the Custom CSS model is activated in your Jetpack plugin. Then go to Appearance > Edit CSS and paste in the following:

    .button {
    	-webkit-border-radius: 7;
    	-moz-border-radius: 7;
    	border-radius: 7px;
    	font-family: Arial;
    	color: #ffffff;
    	font-size: 20px;
    	text-decoration: none;
    	background: #F25F70;
    	padding: 10px 20px;
    }
    
    /*if you want the button to change when someone hovers over it*/
    .button:hover {
    	background: #000000;
    	color: #ffffff;
    	text-decoration: none;
    }

    You can edit any of the settings in there to adjust the look of the button. For example, if you change the 7 to a zero in border-radius, you’ll end up with sharp corners, instead of the rounded edges.

    Also, I set the color of the button (#F25F70) to the same one on the site, but you can switch that to any color hex code you want. (I like this site for finding color ideas: http://www.color-hex.com/)

    Once you have the CSS saved into your Edit CSS area, then you’ll open the page where you want the button to appear, switch to the Text editor (instead of Visual) so you can paste in code and add this HTML:

    <a class="button" href="URL of where you want the button to go when clicked"><span>Text you want to appear on the button</span></a>

    Setting the class to “button” is what tells the link to show the button you’ve added in your CSS, instead of making it a regular text link.

    That CSS & HTML combined creates a button like this: https://cloudup.com/cLqn46iWjfu

    (It adjusts to your text, so it won’t be as long if you have fewer words on it.)

    If you decide to give that a try, let me know if you have any questions!

    Great- thank you so much Sarah!
    I have practically zero experience with coding so I went with the plug-in option and worked great! Thank you so much!! Both of them I was able to do!!

    You’re welcome! 😀

    Hi Sarah- is it possible to change the footer text to have our business’ information on the bottom? currently it says “PROUDLY POWERED BY WORDPRESS”? THANKS!

    Hi there!

    You can hide the whole footer credit area with this CSS:

    .site-info {
      display: none;
    }

    Make sure the Custom CSS module is activated in your Jetpack plugin. Then go to Appearance > Edit CSS and paste in the code.

    However, if you want to add your own credit, you can do it this way:

    .site-info:before {
      content: "Copyright 2016 Text here";
      width: 100%;
    }
    .site-info a {
      display: none;
    }

    That CSS will hide the existing credit and also add in yours.

    Let me know if you have any questions! 🙂

    Hi Sarah,
    I am not sure if I have made tailored the original footer php but it doesn’t seem to work. It did get rid of “PROUDLY POWERED BY WORDPRESS” when I tried your suggestion.

    Current Footer Php reads:

    <?php
    /**
    * The template for displaying the footer.
    *
    * @package Sela
    */
    ?>

    </div><!– #content –>

    <?php get_sidebar( ‘footer’ ); ?>

    <footer id=”colophon” class=”site-footer”>
    <?php if ( has_nav_menu ( ‘social’ ) ) : ?>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘social’, ‘depth’ => 1, ‘link_before’ => ‘<span class=”screen-reader-text”>’, ‘link_after’ => ‘</span>’, ‘container_class’ => ‘social-links’, ) ); ?>
    <?php endif; ?>

    <div class=”site-info” role=”contentinfo”>
    ” rel=”generator”><?php printf( __( ‘Proudly powered by %s’, ‘sela’ ), ‘WordPress’ ); ?>
    <span class=”sep”> </span>

    <?php wp_footer(); ?>

    </body>
    </html>

    Am I missing anything here?

    Hi there! Did you try the first bit of CSS which hides the entire area? Or the CSS in the second box that hides the existing text and also adds your own?

    You can edit the footer credits in the PHP (as you’ve pasted in your last message), however you would need to make a child theme to do that. If you edit it directly in the theme files, any time the theme is updated your customizations would be lost.

    (I noticed you didn’t have a child theme, which is why I suggested the CSS option under Appearance > Edit CSS, using the Jetpack Custom CSS module, since that gets you around the theme update/loss issue.)

    If you’d like to use a PHP solution, first you should create a Child Theme. This post is helpful in learning how to do that if you haven’t made one before: https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

    Or if you’d like to stick with the CSS in Appearance > Edit CSS, let me know what you’ve tried in there so far and I’ll see how I can help! 🙂

    Hi Sarah! I must have misread your message and put in both of the options! I tried the second option and it worked like magic! THANK YOU SO MUCH!

    Great! You’re welcome! 😀

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Texts on Posts Pages seems to be not centered’ is closed to new replies.