Editing a template with CSS and Bootstrap

Similar Questions

• editing in BC with Muse and what else?

  Hello

  I know that we can have on Business Catalyst for editing sites created with Muse. But anything else?

  I can't find any information and e-learning on: e-commerce platform, email-marketing, articles, adding page with model, web application custom...

  Possible with sites created with Muse, how does it work?

  Where can we find good tutorial to use all possibilities of BC with Muse?

  Thank you very much.

  SEB

  The best resource for adding features to Business Catalyst for a Muse site is http://www.bcgurus.com. Some content, for that you must be a member but the bases are free. It's the best Business Catalyst tutorial site out there.

• Web page does not Center on the export with CSS and images

  When you use the export for a website mockup tool, I just can't seem to align the page in the Center... I have 100%, he said in the export to the Center, but it is always aligned to the left.
  
  Am I missing something?

  Exporting HTML and Images will not have page layout. This feature only

  Works for exporting CSS and Images. The solution is pretty easy to breast

  Dreamweaver, though.

  Jim Babbage

• Help please using templates with css files

  Hi, can someone help me with this conundrum?

  I have a site page 5, based on a common model with the BODY tag as an editable for other pages. However these pages require a separate CSS file, but I can't find a way to change the files for different pages.

  The model that I created (Home.dwt) contains its own CSS file, but how then modify this file based on other pages?

  Any help would be appreciated

  ziggler_10 wrote:

  Hi, can someone help me with this conundrum?

  I have a site page 5, based on a common model with the BODY tag as an editable for other pages. However these pages require a separate CSS file, but I can't find a way to change the files for different pages.

  The model that I created (Home.dwt) contains its own CSS file, but how then modify this file based on other pages?

  Any help would be appreciated

  Take a look in your Home.dwt file to the top, between thesection. I think that when a model is saved/created by Dreamweaver inserts an editable 'head '.

  If its in the file Home.dwt, then it should be in all the other pages created from the template. Simply insert your css like below:

  Insert here the CSS

  If it is not in your file already Home.dwt to create an editable region for the specific css of the page:

  Save the Home.dwt file, and this region is expected to propagate to pages from the model

  Also please take into account the fact that any new styles css for a particular page should go in the code AFTER the link to your existing css file. This ensures that the new css styles will too drive css styles in your linked css file.

• No dialog box edit in Photoshop with LR and PS are the use of ACR

  I am looking for more information without success "full"... The answer closest to you what I was looking for was found in this quote, but, as in the quotation even he ask to open a new threat do not interfere with issues.

  I just started having the same problem. When I edit a photo in Ps from Lr. The dialog box is not started, and if I edited in LR it takes adjustments and opens to the PS. I have Lr cc v2015.5.1 camera raw 9.5.1. I have reset all warning dialog boxes. Weird. I suspect that there is a bug. Any ideas?

  Please start your own thread. Since you have LR CC 2015.5.1 you also PS CC 2015.1.2.

  What you see is normal. When you select Edit in Photoshop LR and PS use the same version of ACR so no dialog is necessary. Your RAW image opens in PS with all the LR settings included as a type of RAW file waiting to be saved as all that you have selected the type of file in External Editor preferences of LR, PSD or TIF section. The only time you get this dialog window is if ACR versions do not match. LR uses a version more recent ACR uses the PS version you have installed.

  Ok!! I get it but is there a way to get LR to me for anyway? Sometimes I like to play in LR to get an idea of the final image, but I'd still love to be able to edit in PS 0 and compare results once in LR. I get bored just this box!

  You can get this dialog for non-premieres images. With raw images if you have the same version of ACR and LR it will always open directly.

  If you want to edit from scratch, simply create a virtual copy and reset its development. Then open in Photoshop. Note that the changes in Lightroom are exactly the same as what you get in the cab.

• Problem with CSS and HTML

  I don't understand what the problem is, but I do not see the styles when I saw my html in chrome.

  Here's my CSS

  @charset "UTF-8";

  / * CSS document * /.

  HTML {}

  min-width: 768px.

  }

  {body

  do-size: 100%;

  do-family: Arial, Helvetica, without serif.

  line-height: 1.5 rem;

  }

  . Wrapper {}

  IMG {}

  Width: 100%; / * All the images will be 100% the size of their parent * /.

  }

  . Baseline {}

  background-image: url (.. / images/baseline.svg);

  }

  {fort

  make-weight: bold;

  }

  EM {}

  make-style: italic;

  }

  /* ----------------------------------------------------------------------------------------- ------------- Masthead */

  {.masthead}

  height: 6 rem;

  background-color: rgba (51,153,255,1);

  margin-bottom: 1, 5 rem;

  }

  H1 {}

  font size: 1.5 rem;

  color: #9F6;

  position: absolute;

  margin: 2.25 rem 0 0 4%;

  }

  /*---------------------------------------------------------------------------------------- --------------------article --*/

  Article {}

  padding: 0 4% 1.5 rem;

  }

  . Headline {}

  height: 4.5 rem;

  margin-bottom: 1.5 rem;

  background color: rgba (0,0,0,.15)

  }

  H2 {}

  do-family: Georgia, "Times New Roman", Times, serif;

  font size: 2.25 rem;

  position: absolute;

  margin: 1.5 rem 2% 0;

  }

  . PlaceHolder {}

  Width: 20%;

  flow: left;

  margin: 0 2.5% 1.5 rem 0;

  }

  {p}

  margin-bottom: 1.5 rem;

  }

  {.footnote}

  height: 4.5 rem;

  background-color: rgba (0,0,0,.15)

  }

  .footnote {} p

  font size: .875rem;

  position: absolute;

  margin: 1.5 rem 2% 0;

  }

  /*---------------------------------------------------------------------------------------- -------------------- Bottom --*/

  . {Background

  height: 15 rem;

  background-color: rgba (51,153,255,1);

  }

  Bottom p {}

  font sizes: .875rem;

  color; #FFF;

  position: absolute;

  margin: 1.5 rem 4%

  Here is my HTML

  <! doctype html >

  < html >

  < head >

  < meta charset = "UTF-8" >

  < title > box model tutorial < /title >

  < link href = "box-model/reset.css" rel = "stylesheet" >

  < link href = "box-model/general.css" rel = "stylesheet" >

  < / head >

  < body class = "basic" >

  <!-------------------------------------------------------------------------- Masthead -->

  < class header = 'base of mast-head' > <!--a group of introduction or navigation aids-->

  < h1 > Victoria < / h1 >

  <!-------------------------------------------------------------------------- Masthead -->

  < div class = 'wrapper' >

  < section >

  < class header = "headline" >

  < h2 > British Colombia tourism < / h2 >

  < / header >

  < img src = "Box-model/images/images/British_Columbia_Legislative_Building, foster, _BC_Wallpape r_2c8nm - 1.jpg" alt = "Box-model/images/images/British_Columbia_Legislative_Building, foster, _BC_Wallpape r_2c8nm - 1.jpg" >

  <!-Don't Forget the alt->

  < p > the capital city of British Colombia, Victoria has of many historic buildings and some of the most fascinating museums in Western Canada. The city enjoys one of the mildest climates in the Canada, that allows its residents to pursue pleasures in the open air throughout the year.

  Victoria enjoys a most exhilarating landscape of the country: there is a vista sea or mountain, every corner, while the gardens bloom in the city are famous all over the world. If your taste is going to Golf, hiking, mountain BIKING and fishing or you are more of the kind of shops, restaurants and theater, there is no end of delight for you and your family in Victoria - the city has been listed in the Top 10 family vacation to Canada in the TripAdvisor 2011 Travelers' Choice awards.

  Founded in 1843 by James Douglas as a fort for the Hudson Bay, British ancestry company Victoria is apparent in the bus at Imperial, carriages, gardens to the French and tearooms. The city is today a cosmopolitan Center with a scene of entertainment and a wonderful choice of attractions. < /p >

  < footer class = "footnote" >

  Footer (related Articles, notes, the authors Bio, etc.) Article < p > < /p >

  < / footer >

  < / item >

  < / div > <!-close Wrapper->

  <!---------------------------------------------------------------------------------------- -------------Bottom -->

  < footer class = "bottom" >

  < p > main footer (Copyright, related links, legal, privacy, logo, etc.). < /p >

  < / footer >

  < / body >

  < / html >

  Lines 6 & 7 of your HTML file (exercise - boxmodel.html), change this:

  box-model/reset.css"rel ="stylesheet">".

  box-model/general.css"rel ="stylesheet">".

  to do this:

  Reset.CSS"rel ="stylesheet">".

  General.CSS"rel ="stylesheet">".

  Your CSS files are in the same folder as your HTML file. But your original link shows that they are in a subfolder called "box-model". This link returns a 404 not found error. Therefore, the browser could not load your CSS files.

  Replace the code and you should be able to see it.

• How can you add a garment to a template with photoshop and make it look natural?

  Hello, I have an ecommerce site known as the lioness Royal selling trainers of the size. My main question is to put our clothes on models by photoshop. I tried, but my work tends to resemble works of art of the child a basic education. Are there some tutorials or something where I can learn to do that?

  I'm with Trevor. The amount of time that you will spend to try to make it look right outweigh the costs of filming just a model with the clothes. To do it right. You must have the model and clothes on exactly the same thing; otherwise, while some people may not notice that the clothes have been retouched in, he let the with the impression that something is just next door, and you don't want when you sell things.

• How to stack images with css and hide/show onClick?

  I have a problem.  I have spent still researching this and make me anywhere I need to have a few stacked images and when you click on each of the 3 links on the page, an image is displayed.  My page is at: http://animalhospitalofkennewick.com/dna.php.  Above the picture of the certificate, there are 3 links (summary, summary 2 Summary 3 1).  Contents 1 click on, I want the certificate image below to go to the image of DNA - 1B .jpg (Summary 2 link will display DNA2.jpg and summary 3 link will display DNA4.jpg).  How can I do this?

  Jeannette

  Jeannette,

  This demo looks more like what you want.

  http://ALT-Web.com/demos/CSS-disjointed-menu-rollover.shtml

  Just copy and paste my code in a new HTML document.  Change to your images.  Adjust as necessary CSS positioning.

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Problem with CSS and Textfield

  I have this code:

  the classic {} package
  import flash.events.Event;
  import flash.net.URLLoader;
  import flash.net.URLRequest;
  import flash.text.TextField;
  import flash.text.StyleSheet;
  Import fl.controls.UIScrollBar;

  SerializableAttribute public class HTMLText extends TextField {}

  public var urlR: URLRequest = new URLRequest();
  
  public var urlRCSS: URLRequest = new URLRequest();

  public var xmlLoader: URLLoader = new URLLoader();
  
  public var cssLoader: URLLoader = new URLLoader();

  private var xmlData: XML = new XML();

  public var Mysbs: UIScrollBar = new UIScrollBar (); Método adapter all'iterno di questa class

  public void loadXML(e:Event):void {}
  xmlData = new XML (e.target.data);
  trace (XMLDATA);
  htmlText = xmlData;
  mySb.update ();                Método adapter all'iterno di questa class
  mySb.scrollTarget = this; Método adapter all'iterno di questa class
  }
  
  public void loadCSS(e:Event):void {}
  var sheet: StyleSheet = new StyleSheet();
  sheet.parseCSS (cssLoader.data);
  styleSheet = sheet;
  xmlLoader.addEventListener (Event.COMPLETE, loadXML);
              //urlR.url = " http://www.syndesign.EU/Flash/sito/text/home.XML ";
  xmlLoader.load (urlR);
  }

  public void HTMLText() {}
  cssLoader.addEventListener (Event.COMPLETE, loadCSS);
  urlRCSS.url = " " http://www.syndesign.EU/Flash/sito/CSS/HTMLStyle.CSS ";
  cssLoader.load (urlRCSS);
  }

  }
  }

  It works a lot, with the exception of CSS:

  Xml file (which is structured as a XHTML file) does not see the styles that I said.

  Here's the xml file:

  <? XML version = "1.0" encoding = "utf-8"? >
  " < html xmlns =" http://www.w3.org/1999/xhtml ">

  
  < body >
  < p > it lavoro del webdesigner comprende capacity planning, sintesi, gusto estetico (appearance) di e creatività più o meno spiccata dell studio'interattivita dei siti Web, e usabilita access by consentirne UN accesso uniform, nonché visibility e diffusione tramite canali quali social network internet, advertising hydraulic, motori di ricerca e cosi via. < /p >

  
  

  < / body >
  < / html >

  Here's the Css:

  
  

  @charset "utf-8";
  / * CSS document * /.

  {body
  text-align: justify;
  do-family: Verdana, Geneva, without serif.
  do-size: 18px;
  color: #FFF;
  }

  Any idea?

  your HTML (in XML) must be included in a cdata node.

• Basics of CSS and Templates

  Hello
  I have limited experience working with CSS and Templates Does anyone know of some good resources to get quickly to the current?
  
  Thank you.
  

  on the line #58 in your stylesheet, you have an image of 'empty' set 250x250px that pushes your text to the right. try to remove the following line #58 and see if that gives you what you need:

• T42 hide menu with CSS media query

  In an application of theme univeral if you attempt to print a page with the display left menu, it takes too much space.

  These can be removed with CSS, and I found the room to be cut after the hidden menu.

    #t_Body_nav 
      { display : none; }
    
    #t_Body_content 
      { margin-left : 0px !important; }
  

  Yet, when they are wrapped in a media query, during print preview or emulation (image) the margin on the left is in the spotlight, but the body remains behind

  @media print {
    #t_Body_nav 
      { display : none; }
    
    #t_Body_content 
      { margin-left : 0px !important; }
  }
  

  

  I don't see what else I might need to include?

  Basic sample

  workspace: swesley

  user: otn

  PWD:Forum

  App: 88776

  Note that I'm only interested in the media query, not printer_friendly solution. Although I have not there is no friendly t42 model, printer only honour which is described in the documentation.

  Scott

  Hi Scott

  I think it's the transform that you are missing:

  @media print {
    form .t-Body #t_Body_nav {
      display: none;
    }
    form .t-Body .t-Body-main {
      margin-left: 0;
      -webkit-transform: none;
      transform: none;
    }
    form .t-Body .t-Body-main>div {
      margin-left: 0 !important;
    }
  }
  

  A bit of fiddling with the specificity of the selector is necessary to avoid !important directives on everything.

• Quick editing for CSS and JavaScript does not

  In literature, there is a section for 'Quick edit CSS and JavaScript', that said"

  When editing HTML, use it Cmd/Ctrl + E shortcut to open a quick inline editor that displays all the related CSS. Make a tweak to your CSS, hit ESC and you're back to the HTML editing. Or just leave it open to CSS rules and they will be part of your HTML editor. If you hit ESC outside a quick editor, they will all collapse. No more switching between documents and lose your context. »

  However, I tried Ctrl + E (windows-based) and nothing happens. I tired it on the HTML and CSS files.

  Someone can help with this, or are there know issues with it?

  Thank you

  I found the solution on this post: http://forums.adobe.com/message/4727472#4727472

  It turns out, put the cursor in the opening tag of the css you want to for quick editing. So what I did was put the cursor in the

  thought of tag that I would get the CSS that applies to the

  . Because CSS is not a style for

  and on the contrary inherits the style of theI expect to see this style. Apparently, this isn't how it works. It would be nice, if the UI showed something in this scenario. Even if it was some kind of message saying that he was not a style for the

  tag and better yet gives the user a sort option to create a style for

  .

• Issues with paragraph and CSS styles and models module Styles

  I am having difficulties with a text style in my templates module in British Colombia (especially the blog). The drop-down list in the Editor's paragraph style does not reflect the H1, H2, etc. that has been downloaded to the site at its inception in Muse. And I don't have the ability to use CSS styles.  What gives?

  How can I change the paragraph styles to match the downloaded versions that CSS is not available?

  http://sweetsandtreatsboutique.2121customcontact.com/index.html

  It may be somewhere in the Site Global stylesheet. My boss, who created it in Muse, labeled H1, etc. like the following...

  . H1-GaramondB-40-151

  {

  color: #543426;

  Police-family: Garamond, Hoefler Text, Palatino Linotype, Palatino, serif;

  font size: 35px;.

  make-weight: bold;

  line-height: 1;

  left margin: 0px;

  margin-right: 0px;

  padding-bottom: 0px;

  padding-top: 0px;

  }

  As a result, BC is not recognize this policy because of the name? I tried to delete the text after the .h1 and the paragraph style has not changed.

  -Chuck

  Hi Chuck,

  Your CSS code target the elements with the class ".h1-GaramondB-40-151", but this blog page your elments of a H2 does not have this category against them, that's why you need to replace the class name with the h2, as this element:

  H2 {}

  color: #543426;

  Police-family: Garamond, Hoefler Text, Palatino Linotype, Palatino, serif;

  font size: 35px;.

  make-weight: bold;

  line-height: 1;

  left margin: 0px;

  margin-right: 0px;

  padding-bottom: 0px;

  padding-top: 0px;

  }

  I hope that makes sense. If you are looking for something like 'target the elements on the page with CSS' you will see what I mean.

  See you soon,.

  Mario

• CSS Rollover Menu with pictures and witness to the Page class

  Hello.

  I found a very interesting video here: http://www.youtube.com/watch?v=vv8cRYGCvIY on creating a CSS Menu Rollover with Images and indicator of current Page (I tested it and it works fine).

  I have a web site with 15 pages based on a template, and I want to use this sample video to do the same thing on my website.

  Please tell me if I can use the sample from the link above to do so.

  What should I change in the css file (which new class should I do) so that it works on a web site based on a template?

  Thank you!

  I don't know about this video tutorial, but an indicator of menu persistent at the level of the site ("you are here" highlighting) is easy to do with CSS classes.

  Details and examples of code below:

  http://ALT-Web.com/articles/persistent-page-indicator.shtml

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Question about styling a form with CSS in the Template

  Hola

  I made a page from a template and I insert a form in there

  where can I style this form with CSS?

  In the model that has been generated css style?

  or

  Directly to the page?

  Furthermore, if I saw the page in explorer 8, legends looks with a black color and down (not what i intended)

  In Safari, they appear purple and where they suppose to be

  Why?

  Hope you understand

  Thank you

  Daniel Ulysse

  Please post a link to your site so that we can admire this phenomenon.

  GRAMPS