Docs

[Upbeater]

Hi there,

Today I wanted to explore different customazation options and tried one thing that resulted in that my site looks totally different and I can’t get it back. Hope you can help me!

So, I went to Appearence -> Customize -> Layout and Design and played with the Site Width and Content Width. It’s now back to how it was set up before (90% site width, 74% content width) but my site width and/or content width has changed and it won’t be changed back. On one page which was set to cover the full width of the screen, there are now white borders on the side. If I set the site width to 100% it helps this particular page, but then other pages where the content needs padding ends up almost outsite the frame. I guess I can add padding on a page to fix this but then I need to go over all pages and do it on many places which seems wierd since it worked before I touched this. How can I get it back so that it works in both cases again?

Secondly, the only button design that looks OK for me to use is “transparent”. Both flat and 3D button design creates a “shadow” for the text which makes it look blurry (would like to have flat design but have been forced to go with transparent because of this). Do you know why and also, is there any way to have transparent button on some ppages and flat on some?

Last, I love the search function idea, however it’s not working well. It only finds posts with the search word in it which is not relevant in my case since people do not come to my page mainly to read posts. I though the obvious would be that it would find pages and titles first, but the search completely overlooks this and tries to find posts instead, even if I try seaching directly on a specific page title. Can I change this to make the search function find the most logical/relevant content somehow?

Thanks,
Petra @ Upbeater

[Upbeater]

Would be great if I can just get these pages to be 100% full width so I don’t have to change all other pages that will be too wide with 100% site width. do you know how I can fix this? I don’t have a container and no padding set.

Thanks,
Petra @ Upbeater

[Rad]

Hi there,

Thanks for posting in.

1. Would you mind providing the pages that have white border? If you’re referring to the provided screenshot then I’m not sure if we’re looking on the same page. The screenshot has a yellow background but the live page has white. Please provide more details.

2. You can use any button you need including transparent or flat, you can always apply custom styling no matter what button you use. Please check this, https://community.theme.co/kb/implementing-additional-button-colors/

If you have in mind or target button’s styling then please let us know, we may able to provide the CSS 🙂

3. WordPress search is primarily for the blog since it’s blog. What posts do you wish to appear on a search result? Is it custom post type?

Thanks!

[Upbeater]

Hi,

Thank you for getting back to me. Unfortunately, this was not answer to any of my questions and I really need help, especially with the first issue (nr. 1).

Here are some more details:
– Examples of pages that got the white border/frame from when I tried editing the site width: http://www.upbeater.com/meet-the-upbeaters/didrik-grip/, http://www.upbeater.com/meet-the-upbeaters/nila-latimore
– It’s set to “Blanc – No Container, Header Footer” and I reversed the site width settings back to how it was before but nothing works and I just can’t get it back to be full width like it was before.
– The yellow background and image is supposed to cover 100% full width = now white borders shouls be visible.

Would really appreciate help with this issue asap.

2. As for the flat button, I have no issue changing colors for the background or text. However, the text is blury, is it supposed to look like that? See attached screen shot.

3. That’s the think, I want pages to show up primarily when searching. Is this not possible? In that case, adding a search function will be of no use for anything else then a blog, right? http://www.upbeater.com/

Thanks,
petra Sundell @ Upbeater

[Upbeater]

This reply has been marked as private.

[Rad]

Hi there,

1. It’s your section’s column container. Simply inspect your section, click manage layout, inspect the row by clicking the magnifying icon. Then toggle off column container.

I went ahead and turned it off for this page http://www.upbeater.com/meet-the-upbeaters/didrik-grip/

2. It’s text shadow that is almost the same as the text color. Maybe I know the page that has this button?

3. It’s possible, I just need to know which post type, since that limitation is WordPress’s standard. Not our standard. In that case, please add this code to your child theme’s functions.php

function do_filter_search($query) {
    if ($query->is_search) {
	$query->set('post_type', array('page'));
    };
    return $query;
};
add_filter('pre_get_posts', 'do_filter_search'); 

Thanks!

[Upbeater]

Hi,

Thank you so much. Question nr.1 solved 🙂

2. Regarding the shading of the text in the buttons, it’s not on a specific page or a specific button… All buttons looks that way if I turn on Flat style in Appearance -> Customize -> Buttons -> Button Style (why I’m currently forced to go with transparent). Is there a way to turn of the “shading”?

3. Thank you. I tried adding this code to my child theme’s function php but it doesn’t work. If I’m searching for “Meet”, it would be ideal that the user lands on this page: http://www.upbeater.com/meet-the-upbeaters/ but instead they end up here: http://www.upbeater.com/?s=meet which obviously looks really bad. Is there a way the right “Meet page” can show up in the search result?

Thanks,
Petra Sundell @ Upbeater

[Rad]

Hi there,

2. Sure, please add this CSS to Admin > Appearance > Customizer > Custom > Global CSS

.x-btn {
text-shadow:none!important;
}

3. Hmm, what you’re trying to do is when a visitor search “meet”, it will redirect to http://www.upbeater.com/meet-the-upbeaters/? What if there are multiple pages that have “meet” keyword? Please note that search result will display multiple pages and posts that matched the string.

I checked it and it’s working, it display the search result of pages that uses “meet” keyword. It’s of course, a list of search result. And since it’s page type, there is no excerpt at all similar to post. This is WordPress’s feature and limitation, if you wish to implement advanced search option then you may install 3rd party plugin that has same functionality, or do custom development.

Thanks!

[Author]

Posts