Hi,
I installed siteOrigin’s CSS editor and have used it on the home page. However, I can’t figure out how to use it on the other pages. When I open a page, other than the home page, and then click on Custom CSS, under the appearance menu, the home page always opens up. How do I use CSS editor to edit other pages? Thanks for your help.
Hi Bobbi,
This can be easy to miss at first so here’s how to navigate to other pages when using our Custom CSS plugin. Open up the Custom CSS screen and expand your view. Click the link to the intended page, and you’ll see a “navigate to” message above the inspector. Click that link and you’ll open up that page in the CSS editor.
Alex,
I so appreciate you helping me. The only time I see the Navigation To: link is when I click on the banner for the page and then I only see the homepage URL, which is what I am on. Clearly I am doing something wrong. Any suggestions? Here’s my screen shot. An additional issue I see is that when I create a page, how do I get the that page added as a link next to the “home” link across the top? I’ve added several more pages, but don’t see the links across.
I’m adding my media as JPEGs and the image isn’t inserted, so I inserted links to PDFs, can you see those?
screen shot 2
screen shot 1
Hi Bobbi,
Sadly the forum software we’re using is a bit… picky with what it accepts links to (we’re in the process of resolving this issue). Please upload the PDFs to a 3rd party file hosting site such as file.io.
Hi Alex,
I uploaded the files and I attached them here too. Thanks for your help.
Bobbi
Hi Bobbi,
Okay, I’ve got the images – thank you.
Are you clicking in the general area, or exactly on the link? The inspector detects the link only if you directly click on a link.
Hi Alex,
i'm not getting a link as an option to click on. It's just showing me
Navigation To: :
Is that what you're referring to?
Hi Bobbi,
If it’s not picking up on when you click links this might actually be a bug of some sort. Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
Private Snippet
Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
This is a private message.
Thanks Alex,
I set up the account. I thought it strange, I figured it shouldn't be that difficult, I'll look forward to hearing from you. If you want to set up a time to chat via GoToMeeting to share screens, I have an account and can do that.
Bobbi
Hi Bobbi,
Okay so I’ve had a look at what you’re seeing, and I’ve come to two conclusions;
You’re clicking the wrong thing. You need to click the link, not the box. Take a look at the below image for an example of this. I’ve directly clicked on “Monona Website” as that’s a link.
If you’re clicking the right thing it’s quite possible it’s a browser issue instead – it can sometimes happen with JavaScript heavy applicaitons. Please try a different browser to see if this resolves the problem.
Aha, thanks Alex, I'll give a try. Could you go in and see why the Holmen link isn't working?
Hi Bobbi,
It appears as though Navigation To: : will appear when you click a link that is for the exact same page. I’m going to log that as a bug as that’s not exactly clear.
Hi Alex,
It's working!!!! Thanks so much, I was able edit the two pages, but not the holmen page. Any ideas for a work around?
Can you guide me in how to add the links across the top? I'd like to add
Monona Menu, Holmen Menu and West Salem Menu. Thanks,
Bobbi
Hi Bobbi,
The holmen is actually incorrect (it’s pointing to the homepage of your website – not the holmen page). You’ll need to correct it before you can click it to open said page.
To add menu items open up your WordPress admin, navigate to AppearanceCustomize. Then on the newly opened customizer page click menus in the sidebar. The top most menu is called About (you named it this previously) so click that option. Now add items, and follow the prompts.
Alex,
Thanks, you’ve got me unstuck. And now I’m stuck again with broken links. I have gone in and resaved the urls for the broken links, but they are still not working. Can you tell me what I am doing wrong? I’m unable to get the following links to work: from the Homepage: 1) monona menu, 2) west salem menu, 3) holmen website and 4) About across the top
I can see the links aren’t working because I don’t see them as pages when I created the links across the top.
I have an orange font question and I think it’s all related, but I can’t figure out why it happened. Some of the footer font and some font on the monona home page is orange, how did this happen?
I have worked on the footer numerous times, as as you can see needs help and now I can’t find where the edit footer is.
You are a life saver Alex. There is a lot of general info to get going on youtube, but to challenge these specific issues, I’ve had no luck finding videos. So i am saving all the help you give me.
Hi Bobbi,
First off let me just thank you for the extremely kind words. It’s comments like yours that really keep people like me going. :)
Regarding the links, it looks as though you’ve resolved this issue yourself, minus the West Salem link which I just corrected, for at least the page. For the menu, I recommend adding the pages directly over custom links. If you can’t see it in the page list just search for it. I’ve corrected this issue for you to give you a better idea how to do this in the future.
Regarding the orange link. This relates some of the custom CSS you’ve written. Specifically this block:
.textwidget p:first-child { color: #f57c36; font-weight: normal; font-variant: small-caps; text-align: center; font-size: 20px; }I’m not too sure where you intended to apply this CSS so if you could point it out so I can fix it that would be a huge help. I recommend giving this article a read, How CSS Selectors Work, to get a better idea on how to target only certain things vs everything.
SOS,
Alex, I went into the appearance/editor in hopes of deleting the footer widgets, so I deleted a bunch of stuff and now, I get this message: *Parse error*: syntax error, unexpected '<' in
*/home2/thepizza/public_html/wp-content/themes/vantage/functions.php* on line *249*
Is there anyway to reverse that? Can you help? And if so, can you show me how to delete the footer? YIKES
Hi Bobbi,
I’m not too sure why you would edit that file to delete the widgets but regardless. This will have to be fixed via FTP.
Connect to your website via FTP, navigate to your theme directory (follow the above error message for information on where that is) and then replace the theme files (override based on file size ideally) with the a new download of the Vantage theme from WordPress.org.
Once you’ve made the changes I’ll show you how to “delete” the footer. Please, in the future, don’t edit files directly.
Thanks Alex, I have no idea what I am doing, clearly. YIKES. I do have one question, what is FTP?
Hi Bobbi,
Please give this article a read. If you don’t have your websites FTP details please contact your host about getting them.
Hi Bobbi,
Just writing to see how things are going. Are you still having problems?
Hi Alex,
Thanks for checking in, I appreciate it. I've been busy at work and a bit intimidated to take on the FTP project, but I'm going to contact my provider today to see how to do it. Thanks for the article, I'm going to read that as well.
I'll keep you posted, I'm sure I'll have more questions, I just need to get this back up. I'm ready for the challenge, or at least I'm telling myself that. ?
Alex,
The subject heading is my made up celebration word, I'm not sure how to spell the word I'm saying outloud. So, I called my hosting provider, ehost,
and its service is the tops and we got my site up and all the broken links working.
So, here's the next situation I have and it's custom CCS issues. If you look on the home page, you'll see the orange linking to the menus. The monona copy is almost correct, the correct color of orange, centered, but I want the font just a little bigger. Why does the holmen menu and west salem menu not center?
Then, if you go to the Holmen home page, why are those first two lines orange? I'm trying to figure out how to use the custom CSS, but it seems to be really touchy. Any recommendations would be great.
As always, I'm so grateful for your guidance.
Hi Bobbi,
Very happy that this issue has been fixed. :)
Regarding the links not being centered. I’m actually not sure why they’re all not being centered. Regardless, to center editor text just open up the editor widget and press the center align above the editor – hovering over the icons will tell you what they do.
I can’t seem to see the orange text on the holmen homepage. Did you manage to fix this issue yourself, or am I missing it?
Hi Alex,
I've resurfaced. Since this is my pet project, I am called into daily service (work), which gets in the way of me spending time on my website as
I like. I'm so glad you are there to assist and I'm happy to have made an online friend.
Yes, I did manage to fix the orange text issue and I see the menu links on the homepage are now centered. I guess I pressed the center align button enough. So, my next project to work on is the footer. I can't remember how to get there, can you provide me with the path? I'm hoping to spend time on this in the next few days, so I may be in touch sooner than I have been as of late.
I hope all is good in the world of SiteOrigins for you.
Bobbi
Hi Bobbi,
You can access the footer by going to your WP Admin, and then navigating to AppearanceWidgets. There’s a section marked as footer.
Alex,
I'd like to create a form and have it link from one of the pages. Which tool do you recommend I use?
Hi Bobbi,
Could you elaborate on the kind of form? What will the form be used for? If it’s a contact form, there’s one in the SiteOrigin Widgets Bundle that just needs to be enabled. To do this go to your WP Admin and then navigate to PluginsSiteOrigin Widgets and find the contact widget.
Hi Alex,
The About, Monona Home Page and a few other links aren't working, any idea why? I can't figure that out.
Hi Bobbi,
Did you figure this issue out? I’m not having any issues accessing those pages.
HI Alex,
How would you recommend I display the menus? As you can see, they are so small when I insert the media. Any suggestions you have would be great.
Hi Bobbi,
You might be better off switching from an editor widget to an Image widget for the menus. I would also suggest increasing the display size as they’re really quite tiny.
What I would personally do is have them set up as PDF files instead of images. Then when the user clicks them I would make use of a plugin like Easy FancyBox to make accessing look slick.
Good Morning Alex,
Thanks for all your help. I'm making progress, did you notice? (I'm seeking a pat on the head, lol) I'm using the edit tools in edit rather than custom
CSS, which works so much better.
Bobbi
Hi Bobbi,
Just to confirm; you’re not editing the core theme files correct? If you are, I would sugget not doing that as any change you make will be lost when you update the theme.
I would instead recommend creating a child theme when making changes to theme files. Here’s a basic child theme for Vantage already set up.
Oh, and you’re doing good mate. :)
With regards to the footer, thanks, I was able to remove the copy, but I can't figure out how to remove the padding, you'll see it at 30. In addition, how do I get rid of that additional copy? I don't know where that came from because I didn't write it.
I fixed the menus, the image widgets were great. I uploaded jpegs, instead of PDFs for the images and they worked great.
Hi Bobbi,
That large blank space stems from the SiteOrigin Google maps widget you added to your footer.
I'm thinking the contact form should suffice, I'll check it out and if it isn't I'll get back to you about that.
Aha, I wasn't even aware I added the google maps widget to the footer. OK,
"I'm going in." lol
Thanks for the encouragement and pat on the head. I feel as though I've overcome another big blockage and my confidence is running high. Plus, I want to get this site live by the end of the month, when the new location opens.
With regards to your question: Just to confirm; you're not editing the core theme files correct? If you are, I would suggest not doing that as any change you make will be lost when you update the theme.
I would instead recommend creating a child theme
<https://codex.wordpress.org/Child_Themes> when making changes to theme files. Here's a basic child theme for Vantage
<https://github.com/siteorigin/vantage-child> already set up.
Honestly, I don't even know, but my bet is I'm trying to edit the core theme files. Can you tell me the path I need to use to access the footer to see the google widget? And to remove that copy?
Hi Bobbi,
If you’re making use of the editor found at AppearanceEditor – you’re editing the directly. :(
To access the footer widgets please open your WP Admin and go to AppearanceWidgets. There will be a footer section where you can place widgets in.
Hi Alex,
I see what I did now. I was working in the AppearanceWidgets. I deleted all the plugins that I had put there (unknowingly). So, it looks like I'm ready to go live, I just need to finalize some content. OMG, I can't believe it.
So, my next phase is integrating the POS system with the website.
Thanks again, you got me through this without crying. I found I just needed to take breaks and come back to it. So, I'll get back in touch when I ready to insert the order online feature and run into problems.
Bobbi
Hi Bobbi,
I, sadly, might not be able to help you with the POS issues due to it being well out of the scope of the support forums. :( Sorry! I hope you understand.
Yes, I totally understand. No problem. I'm sure I'll be able to figure it out. I haven't done any research yet.
Hi Alex,
Is there such thing as an easy question? Is there a way for me to change the size of the font without using custom CSS, I don't have much luck with that. I've used the dropdown in the text edit box, but I only have one paragraph option and I don't want to use headings because the font is bolded then. Let me know the best way to change the size of the font.
The site is now live and in the next couple of days, I'm redirecting the current URLs to this site. Whew, how exciting. I think I'm way more excited than my client.
Bobbi
Hi Bobbi,
There’s not really an easier method. Typically you should try to keep things consistent which is why there’s actually very little in terms of options. If you’re applying CSS and it’s not taking effect it’s possible it’s being overridden by something else more specific. I would suggest adding !important. For instance,
p { font-size: 22px !important; }That CSS will always make it so paragraphs have 22px text.
Thanks Alex, I'll give it a try!
Hi Alex, great plugin!
However im having some issues with editing different pages. I would like to have different backgrounds for
different pages. When i try this using the “navigate to” it still changes it on every page when i make changes. I have set all my other pages to sub-page so i don’t understand where it is comming from. Anny help would be great.