admin

Hello Cynde,

Sorry to hear the content of your widget shifted. That likely occurred because the formatting CSS code was altered during editing. It is very easy to do by mistake if you are editing within the Visual tab of the Widget editor. I do it sometimes as well. The CSS also governs the background color for the text.

The easiest way to adjust this is to click on the Text tab. Then remove everything there and replace it with the code below. You will need to re-edit the text to make it your own, but this is much easier than switching themes, deleting Pavilion, and then re-adding it and switching back. The code is below:

<div class=”row call-to-action-wrapper”>
<div class=”col-md-7″></div>
<div class=”col-md-5″>
<h2 id=”slogan”>WE MAKE IT OUR BUSINESS TO FIND THE PERFECT FIT FOR YOUR NEEDS.</h2>
<div class=”call-to-action”>
<p class=”p-button-primary”><a class=”button-primary” href=”about-us”>LEARN MORE<i class=”fa fa-angle-double-right”></i></a></p>

</div>
</div>
</div>

That should get you back on track!

Hello goodmanguttering,

Sorry to hear you are having issues with your social media icons not showing in Chrome. I am testing my BoldGrid site with the Primas theme and the social media icons are displaying in all the browsers we tested. These include FireFox, Chrome, Safari, IE, and Edge. Have you cleared the browser cache on Chrome to see if that may have something to do with it? Have you tested any of the other browesers? How about testing Chrome on another computer or tablet?

Kindest Regards,

Scott M

Hello claysp5bg,

Thank you for your question on making doc files links in your menu. This is a normal WordPress function. When you add a new menu item to your menu, select the ‘Custom Links’ option. This allows you to name the link and point it to the correct document.

This will allow the user to download the document when they click on the menu option. If you want the document to open in the browser, you may consider pdf files instead.

Kindest Regards,
Scott M

Hello Kosuki07,

Thank you for your CSS questions. I am happy to answer them for you. For most of your questions, you will need to modify the CSS using the Advanced Tab in the Customizer.

To do that, click on the “Advanced” tab of the customizer. Next, click on the “Custom JS & CSS” tab. Then click on the “Custom Theme CSS” button to enter the CSS editor.

1. The triangles on the page are not images. They are constructed with CSS. To remove the triangles at the top of the testimonial boxes, you will need to following code to the CSS Editor:
   .palette-primary .mod-beta-1::before { display:none; }
   
2. The color for the larger ‘downward’ triangles are governed by the section they are in. You can change that by selecting a different color in the customizer color palette. Again, the triangle is not an image, but created by CSS geometry. There is no simple way to add more of them since they are not a single object. The entire governing CSS section would need to be recoded to do so.
3. The horizontal rule and it’s downward triangle are governed by different CSS classes. To change the color of the HR itself, use the code below (example to turn it white):
   .palette-primary hr { background:white;}The small triangle color is changed with the code below (example also turns it white, but using hexadecimal code. You can is either interchangeably)
   .palette-primary hr::after {border-top-color: #ffffff;}
   
4. As for adding the image, you did it correctly. CSS can be very tedious even if you are the original author. Modifying and figuring out CSS classes written by someone else is even more so.When attempting to customize, there is often not an easy way to do something because you are changing the content from its original intent. But, with lots of trial and error, CSS can be tamed.

   Kindest Regards,
   Scott M

Hello bahvahs,

Thank you for your question regarding loading your website.  I’m sorry to hear that you’re having this issue, but I’m happy to help!  What is your website?  How long ago did you purchase the domain name you are using?  Have you made any DNS changes recently?

Gratefully,

Casey B.

Hello Dan,

Thank you for your question on removing the background from your pages. When you are in the Background tab and click the ‘Remove Selected Pattern’ button, the theme reverts to a default background pattern. In the case of Primas, it is the maze-like pattern.

You will need to select the blank pattern from the pattern list. It may help to select a light color so the different textures show up better when scrolling through the list. My eyes had a hard time with the white as some patterns are not very prominent.

Once you find the blank pattern and select it, simply change the color back to white and hit the ‘Save & Publish’ button.

Kindest Regards,

Scott M

Hello Nick,

Thank you for your question on hiding a feature image from a post. I tested on my own site and was able to hide the featured image on a post and still allow it to display in my facebook share.

I implemented a plugin named ‘Hide Featured Image‘ which allows you to set a featured image, but toggle it to not display. The social sharing plugin I used, Mashshare then scraped that image to use on Facebook.

I am not sure which plugin you are using for social sharing, so I cannot speak for its performance. I also do not specifically endorse Mashshare, it was just a plugin I tested for your question, but using those two plugins I was able to accomplish what I think you were asking for.

Kindest Regards,

Scott M

Hello paragonflux,

Thank you for your question on the styling of the social media icons on your page. I tested using the same theme, but my icons do not behave as you described.

Does the image above include the social media menu or did you add the icons yourself within a GridBlock?

Kindest Regards,

Scott M

Hello Kenneth,

Thank you for your question regarding utilizing the link that says “Don’t have a Connect Key yet or lost your Key?”  I setup a brand new test site, and was able to confirm that the link works as expected for me.  Have you tried re-installing?  What version of BoldGrid were you able to download?  What version of WordPress are you using?  What PHP version are you using?

Gratefully,

Casey B.

Hello rd,

Thank you for your question on the menu boxes. It sounds as if you are saying you have the orange drag handle for the element, but are not showing any blue drag handle(for column) or yellow drag handle (for row).

I did test on a blank page and added text, but it creates all three drag handles.

Is this from a gridblock template? or did you start with a blank page? Can you provide any steps on exactly what you did to get to the point you are at? We would need to be able to duplicate in order to advise.

Kindest Regards,
Scott M

Hello LorrieJean,

Thank you for your question about making a custom change to your functions.php file. It’s unclear what may have caused this issue, but we’ll certainly take a look. What exactly did you change or add to the file? As far as CSS optimization, I would recommend that you minify your CSS file if you haven’t already.

Gratefully, Casey B.

Hello Howard,

If you wish to move a page from your staging area to your active site without overwriting a current active site go to the ‘Pages‘ link on the left-hand side of your BoldGrid dashboard.  You will want to make sure that you don’t have any other pages named the same as the page you wish to make active.  Then hover over the page you wish to edit, and click the ‘Edit‘ link.  On the Edit Page find the section on the right-hand side that is titled ‘Publish‘ and change the ‘Development Group‘ option from ‘Staging‘ to ‘Active‘.  Please let us know if you have any other questions.

Gratefully,

Casey B.

Hello Chassitywalker10,

Thank you for your question on creating an online store on your site. You can create a store using e-commerce plugins for WordPress such as WooCommerce. These plugins should function normally when using BoldGrid.

We are working on articles that will guide users on doing things such as setting up stores within BoldGrid. In the meantime, check out the plugin and ask any questions you have here. We are happy to assist!

Kindest Regards,

Hello SMcClure,
Thank you for your question about the edge of the previous image showing on the edge of the current image. That behavior is also there on the default images, so it is not due to your images, it is simply the default design of the gallery.

Kindest Regards,

Hello Joe,

Thank you for your question on setting Tabs in the BoldGrid editor. I remember typing class well, with old manual typewriters and tab-setting. Unfortunately the Tab key in the BoldGrid editor simply changes the focus on the window to the next item. There is not currently a way to change that behavior.

Kindest Regards,

Hello pc10328,

Sorry to hear you are having issues with your Pavilion theme blocking a background image. If you have removed the Call to Action widget, you can follow the instructions in our Fixing a Blocked Background Image article. Use all the instructions except the code insert. For that you want to the code below:

.header-8 {margin-top: 100px;}

You can play with the number of px to make it larger or smaller to fit your image.

Kindest Regards,

Hello physicalfortitude,

Thank you for your question on adding more testimonials to your home page. When editing the home page, click on the ‘Add Gridblock’ button. From there you can select from different templates. The Haven theme has blocks for additional testimonials. Select one and click on the “Insert Into Page” button.

Kindest Regards,

Hello beaum,

Thank you for your question on why the Special Thanks link exists. That link exists as part of the licensing agreement for the availability of images using the Creative Commons license and is a legal obligation. This page automatically provides the attribution so that each individual BoldGrid user does not have to go through the process themselves.

Kindest Regards,
Scott M

Hello,
Thank you for your question on adding a menu to an individual page. You will first need to create a new menu using the WordPress menu editor.

To connect it to an individual page, you will need to use a plugin such as AMR Shortcode Any Widget so you can add the menu to that specific page.

Kindest Regards,

Scott M

Hello,

Thank you for your question on making an image have the width of the image gallery. In short, the answer is to use an image at least that width.

The default gallery for the Hifidel theme is 1140 pixels wide. You will want to use an image at least that wide in order for it to span the entire width of the gallery.

If your image is smaller, but not too much smaller, you may be able to use an image editor and resize the image to at least that width.

Do not do this with very small images because they will stretch to the point where the image will become distorted and grainy.

Kindest Regards,

Scott M