Docs

[Jacqueline B]

Hi,
Thank you so much for the informative help you provide here. I have been able to find answers to many questions. However I have been unable to find the answers to the following. I hope you can help me.

WordPress 4.5.3
X Version: 4.6.1, using child theme

1. I want to remove the search box from the blog sidebar.

2. In the footer, I want to remove the line above the headings in the widget and make the space above the heading smaller.

3. I have a quote or blockquote in my blog posts. When I click on the responsive icons in Customizer or Cornerstone, specifically for the phone, part of the quote is hidden. The width was set to 300 px and I tried to change it to a percentage but it is doing wonky things when I did that so I brought it back to 300 px.

4. For the bottom copyright area, links and social media, I would like to have the copyright left aligned with the links below it then move the social media to the right. How do I do this?

5. How do I add social media icons to all sidebars?

6. My search (magnifying glass) in the navbar does not seem to work.

Thank you so much for your help.

[Jacqueline B]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! #1 On your admin dashboard navigate to Appearance > Widgets. Edit the Main Sidebar and remove the search widget in it.

#2 You can add this under Custom > CSS in the Customizer.

footer .widget:before {height: 0;}
footer.x-colophon.top {padding-top: 1%;}

#3 Regretfully, at this time I am not entirely certain what is the issue, please clarify.

#4 Add this on your custom CSS

@media (min-width:  980px) {
	footer #menu-df-primary-2,
footer .x-colophon-content {
	float: left;
}
footer.x-colophon.bottom .x-social-global {
	float: right;
    width: 30%;
    clear: none;
}
}

#5 Add a text widget on your Main sidebar and paste an entry share shortcode in it.

[x_share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]

#6 It does work on my end, please clear your browser’s cache.

Hope it helps, Cheers!

[Jacqueline B]

Thank you so much for your quick response!

#1, 2 and 6 are working perfectly.

#3. Sorry I wasn’t clear in my explanation. I have inserted a blockquote which has a width of 300 px and floated right. When the page is resized to be responsive for my phone, the blockquote has no padding around it and the words are being partially hidden on the left. I am attaching a screen cap for you to see what I mean.

#4. The left and right alignment are working for the copyright and the social icons, but the links do not wrap below. They are next to the copyright and shifted down some. Also, I want to change the font size and colour of the text/links in the footer. Where do I do this?

#5. The code you gave me is perfect to put below each post but will need to rework this for the sidebar. How do I get the social media icons to automatically show up between the post and comment on each page?

Additional questions:
– I would like to put the post Title, author, date and comments above the photo with the post text below. Can this be done?

– When I click on one of the month links in the Archives sidebar, a page opens with the heading POST ARCHIVE BY MONTH. Where do I change this heading text? Is it possible for the month that the person chose to show up in the heading. For example, July 2016 is the month chosen. I would like the heading title to read, POST ARCHIVE FOR JULY 2016.

– Is it possible to add a slider/lightbox into a sidebar? I would like it to play but when it is clicked on, it would open up with the option of going forward or back to view other photos.

Thanks so much for your assistance with all these questions. I really appreciate it.

[Friech]

Hi There,

#3 Add this on your custom CSS

@media (max-width:  480px) {
	blockquote.x-blockquote {
		width: auto;
	}
}

#4 Add this as well.

ul#menu-df-primary-2 {
    float: none;
    display: block;
    clear: left;
    text-align: left;
}

#5 Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Then add this on your child theme’s functions.php file.

function share_for_posts( $content ) {
  if ( is_singular('post') ) {
    echo do_shortcode('[share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]');
  }
}

add_action('x_before_the_content_end', 'share_for_posts');

Regarding your additional questions; regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Jacqueline B]

Thank you for your help!

#3 works perfectly now. Awesome.

#4. The links are wrapping under the copyright! Awesome again. However the social media buttons are now down a line instead of being directly across from the copyright and bottom nav links.

When you said that the other things I asked for are only available with custom development, does this include all three areas? I recopied the items below and numbered them with letters.

a. I would like to put the post Title, author, date and comments above the photo with the post text below. Can this be done?

b. When I click on one of the month links in the Archives sidebar, a page opens with the heading POST ARCHIVE BY MONTH. Where do I change this heading text? Is it possible for the month that the person chose to show up in the heading. For example, July 2016 is the month chosen. Ideally, I would like the heading title to read, POST ARCHIVE FOR JULY 2016. If someone comes to this website, how do they know which month they are in? Yes they could look at the date of each post but the full month posts are being displayed and the user should have some kind of indication of where they are. I hope this makes sense.

c. Is it possible to add a slider/lightbox into a sidebar? I would like it to play but when it is clicked on, it would open up with the option of going forward or back to view other photos.

Thank you for the terrific support!

[Jacqueline B]

In the footer, how do I make the space below the widget smaller?

Earlier I had been given the CSS to reduce the size above the widget and it worked beautifully.

Thank you again for your help.

[Rad]

Hi there,

#4, Please change this CSS

footer.x-colophon.bottom .x-social-global {
	float: right;
    width: 30%;
    clear: none;
}

to this,

footer.x-colophon.bottom .x-social-global {
    float: right;
    width: 30%;
    clear: none;
    position: relative;
    top: -63px;
}

a. Please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery('.single-post .entry-featured').css('margin-top', '0px').insertAfter('.entry-header');

b. It requires custom development and you’ll be editing the a template. The template responsible for that is _landmark-header.php which can be found at \wp-content\themes\x\framework\views\{YOUR THEME’S CURRENT STACK}\

Example, let say your stack is integrity, then that means

\wp-content\themes\x\framework\views\integrity\_landmark-header.php

And when customizing it, you’ll have to copy it to your child theme.

\wp-content\themes\x-child\framework\views\integrity\_landmark-header.php

Customization is up to you, this is the example code

<?php elseif ( is_year() ) : ?>

  <header class="x-header-landmark x-container max width">
    <h1 class="h-landmark"><span><?php _e( 'Post Archive by Year', '__x__' ); ?></span></h1>
    <p class="p-landmark-sub"><span><?php _e( "Below you'll find a list of all posts from ", '__x__' ); echo '<strong>'; echo get_the_date( 'Y' ); echo '</strong>'; ?></span></p>
  </header>

<?php elseif ( is_month() ) : ?>

  <header class="x-header-landmark x-container max width">
    <h1 class="h-landmark"><span><?php _e( 'Post Archive by Month', '__x__' ); ?></span></h1>
    <p class="p-landmark-sub"><span><?php _e( "Below you'll find a list of all posts from ", '__x__' ); echo '<strong>'; echo get_the_date( 'F, Y' ); echo '</strong>'; ?></span></p>
  </header>

<?php elseif ( is_day() ) : ?>

  <header class="x-header-landmark x-container max width">
    <h1 class="h-landmark"><span><?php _e( 'Post Archive by Day', '__x__' ); ?></span></h1>
    <p class="p-landmark-sub"><span><?php _e( "Below you'll find a list of all posts from ", '__x__' ); echo '<strong>'; echo get_the_date( 'F j, Y' ); echo '</strong>'; ?></span></p>
  </header>

And you may utilize get_the_date() function https://codex.wordpress.org/Function_Reference/get_the_date to display the date you’re trying to display. There are many utility function you can use and should be available from WordPress’s codex.

c. Yes, you can try adding text widget to your sidebar at Admin > Appearance > Widgets then add the shortcode of your slider or lightbox.

d. Add this CSS as well for footer spacing.

.x-colophon.top {
    padding-bottom: 0;
}

Hope these helps.

[Jacqueline B]

Wow!!! This is just awesome… thank you so much. It helps a great deal. I have implemented everything but “b” and “c”. Really appreciate the direction for “b”. I will try to figure this out. Just working on “c”.

Thanks again! 🙂

[Rue Nel]

Hello There,

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts