How can I change the design of the home and download pages

[bdepadey4815]

I want to change the design of the flow home page (basically, change the cloud background to white, change the color of the top banner and then change the logo)

and for the download page I want to get rid of all of the fast download stuff,

so what files do I edit to do this? I can't seem to find the html / css documents with this stuff in?

Thanks

 

[ysmods]

Re: How can I change the design of the home and download pag

Files to edit

/themes/flow/templates/index.html
/themes/flow/templates/partial/_download_page_captcha.inc.php
/themes/flow/templates/partial/_download_page_compare_all.inc.php
/themes/flow/templates/partial/_download_page_compare_timed.inc.php
/themes/flow/templates/partial/_download_page_timed.inc.php
/themes/flow/templates/partial/_header.inc.php
/themes/flow/templates/partial/_header_file_manager.inc.php

CSS Files
/themes/flow/styles/

 

[bdepadey4815]

Re: How can I change the design of the home and download pag

I have used inspect element to find that the navigation bar code i need to change is in bootstrap.css and I have changed the navbar-inverse { background color to red but it's still white?

 

[ysmods]

Re: How can I change the design of the home and download pag

I have used inspect element to find that the navigation bar code i need to change is in bootstrap.css and I have changed the navbar-inverse { background color to red but it's still white?

Can you take a screenshot and indicate which part you want to change?

 

[bdepadey4815]

Re: How can I change the design of the home and download pag

Yes here is the screenshot (it was to large to upload here)
https://commons.wikimedia.org/wiki/Fileqwd.png

Please could you tell me what code from what file I need to edit?

Thank you very much for any help!

 

[ysmods]

Re: How can I change the design of the home and download pag

A lot of hacking to the code needs to be done in /themes/flow/templates/partial/_header.inc.php

Red header bar
Find:

<div class="navbar navbar-inverse" role="navigation">

Replace with:

<div class="navbar navbar-inverse" role="navigation" style="background-color:red !important;">

In the same file you need to find which "layer" controls which part you want to remove.

For example

Layer 1 will remove the intro video/image

So you need to find

<!-- LAYER NR. 1 -->

And remove or edit which sections you want to remove/change.

To change the main button color

You need to find the style .tp-banner .slider-btn-upload in /themes/flow/frontend_assets/css/colors

Do it correctly then you'll have something like this

 

[bdepadey4815]

Re: How can I change the design of the home and download pag

Thank you this has been very useful

 

[bdepadey4815]

Re: How can I change the design of the home and download pag

Just one other question, do you know how I can remove the footer (the grey/blue bar at the bottom of every page with the copyright text in)?

Also, on the download page, is there any way to remove the link of the file which is underneath the file name?

Thanks