Window resizing in footer messes up footer icons

Support
#1

The square icons I set up in the footer are being resized and squished on the left-hand side while the 3 containers full of type on the right-hand side are going on 2 lines. Is there any way I can stop this from happening? I tried adding 1320 to the Content Max Length bar but the results were the same. I am not sure why the top 2 bars are staying in place but the bottom bar is not. Thanks in advance! Here is the website front page:

https://www.reactivemedical.com/

#2

Hi,

I’d like to check your your settings.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#3

How do I set it as a Secure Note…as an Inline Reply? I would rather not post that info if I am not sure what to do. Nevermind I see it now. lol I changed the footer because it’s a job and I was afraid I wouldn’t get it done in time. But I still want to know how to do it. Thanks Paul. I have another question regarding how to suppress the header and footer on the landing page. I have some other questions too about the same website should I list them here or separately?

I was going to download demo content until I found out that I couldn’t do it for X Pro.

Thanks so much! Grace

#4

Two more questions I had: I pasted the code in the Custom section to make the red button blue for the contact section on the landing page but it didn’t work. Not sure why. I couldn’t find the save button even though it was still there when I went back and checked. The save button was no longer in the usual place, on the lower left. Very strange.

Also, I would like the black heading smaller and flush with the photograph. That’s about it. I am getting the hang of working with this theme which is great. I’m going to use it for other jobs. Thank you.

#5

Hello There,

Thanks for writing in!

1.) It is best that you check out a detailed How To and Tips video created by our developer here:

This is the complete playlist: https://www.youtube.com/playlist?list=PLGSqCzwzX2k6aSjBH_U2LEHTvRXm0lqAC

2.) To suppress the header and footer for the landing page, you may use the Blank - Container | No header, No Footer or Blank - No Container | No Header, No Footer page templates. To know more about this templates, please check this out: https://theme.co/apex/forum/t/features-page-templates/50/1

3.) What do you want to do with the red button? Please post your custom code so that we can inspect it.

4.) Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-id-169 .entry-title {
    font-size: 150%;
    max-width: 1320px;
    width: 88%;
    margin: 0 auto;
}

Hope this helps.

#6

  1. Thank you for the link. I learn a lot from the videos and always refer back to them.

  2. Thank you for this reference.

  3. I want to make it this color…#004B87 and hovering with this color #005EB8. This is what I used on the other buttons. I found the code in the knowledge base and I didn’t save it. It didn’t save in the custom CSS either unless it did and I can’t see it. When I checked this morning, there was just a blank field. Where do I press the save button once I paste the code or does it save automatically? Clearly it did not since I can’t see it today. Also, I couldn’t get into the CSS to paste it there like I can with StudioPress because there was a warning message. This is the first time I am using X Pro so bear with me. :slight_smile:

  4. Yes re the Landing Page title but I want it just a little larger. I would change the font size to 160% or 170% if I want it a bit larger correct? After pasting it in the CSS, how can I check that the code is saved if it didn’t save last night since I couldn’t see it this morning? Where can I find a blank template for the Landing page…just create one myself and upload it to the Template Manager or is there one already available? I checked in the Template Manager and it wasn’t there unless it is named something else.

  5. Also, my design partner doesn’t want Home in the menu and he now wants the Landing page to be the home page but the permalink is not changing over. Should I start a blank page without a title and transfer everything over from the Landing page to the Home page?

Thanks so much for your help!

#7

Hey There,

3.) These are the locations of the save button when inserting a CSS or JS code in the theme options or cornerstone. It is in the lower left corner.
https://prnt.sc/iqfgjk, https://prnt.sc/iqfft9

4.) Yes you are correct. Simply increase the numbers in the code to adjust the font size. The page template is not on the template manager. It is not even part of the template manager. Please see the codex about WordPress page templates: https://codex.wordpress.org/Pages#Page_Templates

And the blank container page templates in X can be read in this article: https://theme.co/apex/forum/t/features-page-templates/50/1

5.) If you set up the landing page as your home page and that it will be using the Blank - Container | No header, No Footer or Blank - No Container | No Header, No Footer page template. No menu will be display so no home link or menu in the landing page.

Hope this helps.

#8

Thank you RueNel.

  1. I went to Customize > Custom > Edit Global CSS and dropped the code in. Here is a screen shot of no Save button. https://www.reactivemedical.com/wp-content/uploads/2018/03/No-Save-button-in-CSS-Chrome.jpg

Then I went to Theme Options and saw the menu on the side. I dropped the code in and tested it in both Chrome and Safari, cleared the cache but the change in the Header did not occur: https://www.reactivemedical.com/wp-content/uploads/2018/03/Saved-CSS-No-Change-in-Heading.jpg.

  1. Yes I figured out the Template thing after I sent you that message thank you.

  2. Also, do you have the code where I can change the Contact 7 Button? I want to change it to this color #004B87 hover to this color 005EB8 with the font remaining white. Now I just have to get the CSS to Save and all of my questions have been answered.

#9
#11
#12
  1. Your About Us page ID is 127 so you should change this .page-id-169 .entry-title to this .page-id-127.entry-title

  1. Please go to Pro > Theme Options > Buttons to change the color for your global buttons that includes Contact Form 7’s button.

To specifically modify the CF7’s button only, please target this class wpcf7-submit. Since you’re currently using the 3d button style, you will need to edit these colors.

Here’s a sample code

.wpcf7-submit {
    color: #ffffff;
    border-color: #ac1100;
    background-color: #ff2a13;
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0,0,0,0.75);
}

.wpcf7-submit:hover {
    color: #ffffff;
    border-color: #ac1100;
    background-color: #ff2a13;
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0,0,0,0.75);
}

Thanks.

#13

I had a better idea re 1)…I changed the container option in the template to Blank - No container, Header, Footer. I needed to get rid of the container anyway, but I can still put a header in there by adding a section above the photograph.

  1. I made changed to the buttons globally…great idea! Thanks.
#14

You’re welcome.

#15

Christian I am just curious as to WHY the CSS didn’t change after I pasted the code in. This may be a problem going forward so I need to know how to solve it. Thanks. Grace

#16

Hi There,

It could be your caching plugin or your browser’s cache. Caching does not tend to regenerate immediately after you change something on the site. We recommend deactivating any caching plugin while the site is still in development mode.

Thanks,

#17

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.