# Beginners

**URL:** https://forum.pinegrow.com/c/beginners/30.md?page=9

[Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md)

**Page:** 10

---

## [Change textcolor on hover over div](https://forum.pinegrow.com/t/change-textcolor-on-hover-over-div/4987)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 4\
**Last updated:** [February 21, 2021, 10:09am UTC](https://forum.pinegrow.com/t/change-textcolor-on-hover-over-div/4987 "2021-02-21T10:09:44Z")

</div>

I have a very simple problem but couldn’t find a solution (beginner): I have a div with two p elements inside. I want to change the font color of those p texts when I hover over the div. The problem is that this doesn’t…

---

## [What are the certain templating languages?](https://forum.pinegrow.com/t/what-are-the-certain-templating-languages/4952)

<div class="topic-metadata">

**Author:** [@jtheisen](https://forum.pinegrow.com/u/jtheisen)\
**Replies:** 1\
**Last updated:** [February 13, 2021, 4:11pm UTC](https://forum.pinegrow.com/t/what-are-the-certain-templating-languages/4952 "2021-02-13T16:11:41Z")

</div>

In the overview page of the documentation it says that …however only HTML, and certain templating languages can be visually edited. I can’t find out what those languages are. I understand it’s not jsx, but maybe it’…

---

## [Inserting Images](https://forum.pinegrow.com/t/inserting-images/4639)

<div class="topic-metadata">

**Author:** [@Bosco](https://forum.pinegrow.com/u/Bosco)\
**Replies:** 10\
**Last updated:** [February 9, 2021, 10:01pm UTC](https://forum.pinegrow.com/t/inserting-images/4639 "2021-02-09T22:01:50Z")

</div>

Just learning Pinegrow (coming from MS Expression web). Can’t figure out how to insert my own images. Normally, when selecting \[insert\] a program will open up a file browser. Pinegrow just inserts a random image via it’s…

---

## [Master pages and "optional" \<script\> tags for SignalR etc](https://forum.pinegrow.com/t/master-pages-and-optional-script-tags-for-signalr-etc/4919)

<div class="topic-metadata">

**Author:** [@mnichols1202](https://forum.pinegrow.com/u/mnichols1202)\
**Replies:** 1\
**Last updated:** [February 4, 2021, 9:11pm UTC](https://forum.pinegrow.com/t/master-pages-and-optional-script-tags-for-signalr-etc/4919 "2021-02-04T21:11:15Z")

</div>

Pretty new to Pinegrow. Love it so far. I’m using a Master page in my project. I have a couple of pages that require SignalR but most do not. I could just include them in the “content” area but then i must move all m…

---

## [Custom Accordian](https://forum.pinegrow.com/t/custom-accordian/4869)

<div class="topic-metadata">

**Author:** [@bwconley](https://forum.pinegrow.com/u/bwconley)\
**Replies:** 4\
**Last updated:** [January 24, 2021, 4:03pm UTC](https://forum.pinegrow.com/t/custom-accordian/4869 "2021-01-24T16:03:23Z")

</div>

I followed the video instructions for the accordion interactive demo. The first section expands and contracts but the rest do not. The example and the current editor are slightly different. The finished project works an…

---

## [Use customizer to select/edit a video](https://forum.pinegrow.com/t/use-customizer-to-select-edit-a-video/4731)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 7\
**Last updated:** [January 18, 2021, 11:23am UTC](https://forum.pinegrow.com/t/use-customizer-to-select-edit-a-video/4731 "2021-01-18T11:23:17Z")

</div>

Hi All, Any idea on how to make a video editable in the customizer just as the image element. I have a div with a video in it (html5) and I need the capability to change edit this field and choosing another video. Just …

---

## [No robots.txt file in my top level directory](https://forum.pinegrow.com/t/no-robots-txt-file-in-my-top-level-directory/4854)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 10\
**Last updated:** [January 22, 2021, 7:53pm UTC](https://forum.pinegrow.com/t/no-robots-txt-file-in-my-top-level-directory/4854 "2021-01-22T19:53:12Z")

</div>

PG always includes a robots.txt to added sub directories. But I didn’t have one for my https://mcgraphics.us. Here is my new https://mcgraphics.us/robots.html. Code look ok? \`User-agent: \* Allow: / Sitemap: https://…

---

## [Any simple "PSG to HTML" tutorial that uses Pinegrow?](https://forum.pinegrow.com/t/any-simple-psg-to-html-tutorial-that-uses-pinegrow/4818)

<div class="topic-metadata">

**Author:** [@Bez](https://forum.pinegrow.com/u/Bez)\
**Replies:** 1\
**Last updated:** [January 7, 2021, 4:56am UTC](https://forum.pinegrow.com/t/any-simple-psg-to-html-tutorial-that-uses-pinegrow/4818 "2021-01-07T04:56:54Z")

</div>

I was wondering if there’s any simple "here’s how to start translating your PSD (or any image for that matter) into an HTML page, using Pinegrow?

---

## [How to layout 2 column, header and footer](https://forum.pinegrow.com/t/how-to-layout-2-column-header-and-footer/4758)

<div class="topic-metadata">

**Author:** [@davidhelp](https://forum.pinegrow.com/u/davidhelp)\
**Replies:** 8\
**Last updated:** [December 14, 2020, 8:14pm UTC](https://forum.pinegrow.com/t/how-to-layout-2-column-header-and-footer/4758 "2020-12-14T20:14:10Z")

</div>

Hello I am needing help just to become a beginner. I have tried using Pinegrow but cannot even begin. Need initial layout help. How to layout 2 column, header and footer? No bootstrap, just the divs. I then can start …

---

## [Navbar transparent for dropdown menu](https://forum.pinegrow.com/t/navbar-transparent-for-dropdown-menu/4737)

<div class="topic-metadata">

**Author:** [@davidxtaylor](https://forum.pinegrow.com/u/davidxtaylor)\
**Replies:** 7\
**Last updated:** [December 1, 2020, 12:05pm UTC](https://forum.pinegrow.com/t/navbar-transparent-for-dropdown-menu/4737 "2020-12-01T12:05:34Z")

</div>

I am trying to achieve a Bootstrap4 navbar that has a solid background but where the background bar at the top remains of a fixed depth even when the menu items appear uncollapsed. The list is by default collapsed at al…

---

## [Interactions Gallery replace images?](https://forum.pinegrow.com/t/interactions-gallery-replace-images/4722)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 7\
**Last updated:** [December 1, 2020, 2:59am UTC](https://forum.pinegrow.com/t/interactions-gallery-replace-images/4722 "2020-12-01T02:59:26Z")

</div>

What are the best image sizes for for popup & inline galleries? Is code below where I replace images and if so what beside data-title and data-description what do I need to keep? \<a href="https://images.unsplash.co…

---

## [Video not showing after exporting WP Theme](https://forum.pinegrow.com/t/video-not-showing-after-exporting-wp-theme/4725)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 3\
**Last updated:** [November 29, 2020, 3:03pm UTC](https://forum.pinegrow.com/t/video-not-showing-after-exporting-wp-theme/4725 "2020-11-29T15:03:43Z")

</div>

I am trying out PG with WP. I have created and exported a theme with just a video in it. The problem is that the video won’t show under wordpress site preview, instead it will show no problem when previewed from PG. Ins…

---

## [Connect to a server](https://forum.pinegrow.com/t/connect-to-a-server/4719)

<div class="topic-metadata">

**Author:** [@PietroS](https://forum.pinegrow.com/u/PietroS)\
**Replies:** 2\
**Last updated:** [November 26, 2020, 4:07pm UTC](https://forum.pinegrow.com/t/connect-to-a-server/4719 "2020-11-26T16:07:30Z")

</div>

Hello guys … Sorry for such a dummy question but … I’ve read PG can NOT upload files to a server BUT … Does it means I can not even work LIVE on a page, wich is already on a remote host ??? (sorry, ended the trial and n…

---

## [Interactions Galleries](https://forum.pinegrow.com/t/interactions-galleries/4716)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 2\
**Last updated:** [November 25, 2020, 8:34pm UTC](https://forum.pinegrow.com/t/interactions-galleries/4716 "2020-11-25T20:34:27Z")

</div>

Should I limit how many interactions galleries I use on a page? I’m thinking 5 to 10. Just watched the galleries tutorial and really like these galleries. Are they lazy loading?

---

## [Sitemap.xml not fetching](https://forum.pinegrow.com/t/sitemap-xml-not-fetching/4685)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 4\
**Last updated:** [November 20, 2020, 11:39pm UTC](https://forum.pinegrow.com/t/sitemap-xml-not-fetching/4685 "2020-11-20T23:39:32Z")

</div>

https://search.google.com is not “fetching” my sitemap.xml. What should I do? In Firefox when I type in mcgraphics.us/sitemap.xml I get this: This XML file does not appear to have any style information associated with …

---

## [Hello everybody! But ... I can't find the BG source in sample file ... :(](https://forum.pinegrow.com/t/hello-everybody-but-i-cant-find-the-bg-source-in-sample-file/4706)

<div class="topic-metadata">

**Author:** [@PietroS](https://forum.pinegrow.com/u/PietroS)\
**Replies:** 2\
**Last updated:** [November 20, 2020, 12:23pm UTC](https://forum.pinegrow.com/t/hello-everybody-but-i-cant-find-the-bg-source-in-sample-file/4706 "2020-11-20T12:23:43Z")

</div>

Hello dear friends … I am was so exited when a couple of days ago I 've downloaded the try version of pinegrow … I felt in love with that BUT … I have to admit that I am too bad in coding … I can not even do the basic s…

---

## [Css class best practice?](https://forum.pinegrow.com/t/css-class-best-practice/4655)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 8\
**Last updated:** [November 10, 2020, 5:39pm UTC](https://forum.pinegrow.com/t/css-class-best-practice/4655 "2020-11-10T17:39:49Z")

</div>

Is there a best practice for setting up my css class selectors? Mine are looking really untidy. \<div class="car columns filter-item sale--container large-3 small-6"\>

---

## [Bootstrap too large for Google Lighthouse](https://forum.pinegrow.com/t/bootstrap-too-large-for-google-lighthouse/4661)

<div class="topic-metadata">

**Author:** [@jumper](https://forum.pinegrow.com/u/jumper)\
**Replies:** 2\
**Last updated:** [November 9, 2020, 6:12pm UTC](https://forum.pinegrow.com/t/bootstrap-too-large-for-google-lighthouse/4661 "2020-11-09T18:12:06Z")

</div>

I like coding in Bootstrap, but it seems it is too heavy for Google Lighthouse. Will there be better performance from Bootstrap MDB or MaterializeCSS?

---

## [Media Queries default em to px?](https://forum.pinegrow.com/t/media-queries-default-em-to-px/4650)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 0\
**Last updated:** [November 2, 2020, 6:15pm UTC](https://forum.pinegrow.com/t/media-queries-default-em-to-px/4650 "2020-11-02T18:15:40Z")

</div>

Is there a way to change Media Queries default em to px? Also any youtube PG Media Queries tutorials?

---

## [Just the basics please](https://forum.pinegrow.com/t/just-the-basics-please/3308)

<div class="topic-metadata">

**Author:** [@mlsemmer](https://forum.pinegrow.com/u/mlsemmer)\
**Replies:** 14\
**Last updated:** [October 25, 2020, 10:10pm UTC](https://forum.pinegrow.com/t/just-the-basics-please/3308 "2020-10-25T22:10:30Z")

</div>

I have had Pinegrow for 7 months. The videos are way too complicated for someone new to HTML. I had hopes for the documentation, but that too gets lost in the weeds. This might be a great product, but if you can’t maste…

---

## [Pinegrow, bootstrap and bootswatch](https://forum.pinegrow.com/t/pinegrow-bootstrap-and-bootswatch/4630)

<div class="topic-metadata">

**Author:** [@RWB](https://forum.pinegrow.com/u/RWB)\
**Replies:** 0\
**Last updated:** [October 22, 2020, 2:34pm UTC](https://forum.pinegrow.com/t/pinegrow-bootstrap-and-bootswatch/4630 "2020-10-22T14:34:14Z")

</div>

Using tutorial Styling your Bootstrap project with Bootswatch and SASS the bootswatch themes are specifically identified as for Bootstrap 4.5.3 and using Theme Sandstone, I have followed instructions to the point of…

---

## [Do I need the 2 foundation.js links?](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 5\
**Last updated:** [October 20, 2020, 5:16pm UTC](https://forum.pinegrow.com/t/do-i-need-the-2-foundation-js-links/4621 "2020-10-20T17:16:41Z")

</div>

Do I need the top foundation.js link? \<script src="js/foundation.js"\>\</script\> \<script\> $(document).foundation(); \</script\> \<script type="text/javascript" src="https://cdnjs.cloudflare.com/aja…

---

## [How to install open in Pinegrow on Atom on a mac](https://forum.pinegrow.com/t/how-to-install-open-in-pinegrow-on-atom-on-a-mac/4575)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 12\
**Last updated:** [October 13, 2020, 6:51pm UTC](https://forum.pinegrow.com/t/how-to-install-open-in-pinegrow-on-atom-on-a-mac/4575 "2020-10-13T18:51:42Z")

</div>

how do I get get and then install the “open in Pinegrow” package on Atom on a mac?

---

## [Pinegrow Tutorial question](https://forum.pinegrow.com/t/pinegrow-tutorial-question/4599)

<div class="topic-metadata">

**Author:** [@webmonkey](https://forum.pinegrow.com/u/webmonkey)\
**Replies:** 2\
**Last updated:** [October 12, 2020, 5:51pm UTC](https://forum.pinegrow.com/t/pinegrow-tutorial-question/4599 "2020-10-12T17:51:08Z")

</div>

Folks, I’m working my way through the Pinegrow tutorial for Wordpress themes I came upon a snag in that the UI elements that they use in the video are not present in my copy of Pinegrow - see attached screenshot. Can …

---

## [How to set up a Project | Bootstrap 4 Template to WordPress](https://forum.pinegrow.com/t/how-to-set-up-a-project-bootstrap-4-template-to-wordpress/4590)

<div class="topic-metadata">

**Author:** [@Andy](https://forum.pinegrow.com/u/Andy)\
**Replies:** 2\
**Last updated:** [October 10, 2020, 5:36am UTC](https://forum.pinegrow.com/t/how-to-set-up-a-project-bootstrap-4-template-to-wordpress/4590 "2020-10-10T05:36:04Z")

</div>

Dear People, I would like to set up my own homepage, therefore I purchased Pinegrow and a bootstrap 4 template (Sparrow 1.6.x in case its important to know). The point is, i dont know exactly, how to set this up in Pin…

---

## [Hamburger Menu Functionality](https://forum.pinegrow.com/t/hamburger-menu-functionality/4585)

<div class="topic-metadata">

**Author:** [@alandestoy](https://forum.pinegrow.com/u/alandestoy)\
**Replies:** 4\
**Last updated:** [October 7, 2020, 7:30pm UTC](https://forum.pinegrow.com/t/hamburger-menu-functionality/4585 "2020-10-07T19:30:13Z")

</div>

Hi guys, total newbie here coming from Adobe Muse. I’ve created a Tailwind enhanced basic HTML site (no bootstrap or Wordpress), and I need to add functionality to a hamburger menu button located as a traditional navigat…

---

## [Newbie question: can you use a wordpress bought out theme in pinegrow](https://forum.pinegrow.com/t/newbie-question-can-you-use-a-wordpress-bought-out-theme-in-pinegrow/4543)

<div class="topic-metadata">

**Author:** [@mulo\_g](https://forum.pinegrow.com/u/mulo_g)\
**Replies:** 5\
**Last updated:** [September 30, 2020, 9:00am UTC](https://forum.pinegrow.com/t/newbie-question-can-you-use-a-wordpress-bought-out-theme-in-pinegrow/4543 "2020-09-30T09:00:02Z")

</div>

I am a small businessman. I wish to make my own website with Top menu/pages and sidebar/ side menu. e.g. Top will display Home, About, Contact us, Products Once I click Products, side bar should appear with product lis…

---

## [How to upload PG WP files?](https://forum.pinegrow.com/t/how-to-upload-pg-wp-files/4522)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 4\
**Last updated:** [September 14, 2020, 11:15pm UTC](https://forum.pinegrow.com/t/how-to-upload-pg-wp-files/4522 "2020-09-14T23:15:57Z")

</div>

I watched the 20 min 2015 PG video on WP in which he clicked to export his theme. How will I upload my PG WP files to my WP server? I have MAMP installed and I have my server WP admin installed. But I am a total WP beg…

---

## [Bootstrap 4 for Bootstrap Blocks?](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036)

<div class="topic-metadata">

**Author:** [@ash786](https://forum.pinegrow.com/u/ash786)\
**Replies:** 10\
**Last updated:** [September 11, 2020, 6:16pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036 "2020-09-11T18:16:18Z")

</div>

Hi, When I create a new page using Pinegrow 5.41 Bootstrap Blocks, I get notified that it has detected Bootstrap 3. In manage pages, it shows Bootstrap 3 is activated. Now, Is there a reason that Bootstrap 3 is the def…

---

## [Styling Pseudo-classes & elements](https://forum.pinegrow.com/t/styling-pseudo-classes-elements/4521)

<div class="topic-metadata">

**Author:** [@kat](https://forum.pinegrow.com/u/kat)\
**Replies:** 2\
**Last updated:** [September 11, 2020, 4:23pm UTC](https://forum.pinegrow.com/t/styling-pseudo-classes-elements/4521 "2020-09-11T16:23:36Z")

</div>

Loved the tutorial everything worked perfectly except no FontAwesome 4 icon. What did I miss? #tour-button:before { font-family: FontAwesome; content: '\\f01b'; margin-right: 9px; }

[Previous page](https://forum.pinegrow.com/c/beginners/30.md?page=8)

[Next page](https://forum.pinegrow.com/c/beginners/30.md?page=10)