Page Titles

  • Resolved stbedesantafe

    (@stbedesantafe)


    9 years, 8 months ago

    The page titles use too large a font for my (and my client’s) taste. I found a way around that by filling putting some nonsense HTML in the page title field, then entering the page title within the text area of the page. Font size for page titles would be a great customization feature.

    The three centered dots (which are barely visible) under the page title (which now appear above my bespoke title) eat up real estate in an otherwise minimalist and clean design. Is there a way to remove those dots?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author CrestaProject

    (@crestaproject)

    Hi stbedesantafe,
    To remove the 3 dots should edit the file style.css and remove all references to the three dots.
    In the original file (style.css) should eliminate from line 575 to line 596.

    Now the dots should no longer be visible

    Best regards,
    CrestaProject

    Thread Starter stbedesantafe

    (@stbedesantafe)

    This I could not make happen. Is this the code to delete/comment out:

    .main-navigation ul ul {
	background: #292929;
	float: left;
	position: absolute;
	top: 5.5em;
	left: auto;
	z-index: 99999;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}

.main-navigation ul ul a {
	width: 200px;
	padding: 1.5em;
	text-align: left;
}
    Theme Author CrestaProject

    (@crestaproject)

    The code that you should eliminate is this:

    .main-navigation ul:not(.sub-menu):not(.children) > li > a::before {
	position: absolute;
	top: 45%;
	left: 50%;
	color: transparent;
	content: '?';
	font-size: 85%;
	text-shadow: 0 0 transparent;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.main-navigation ul:not(.sub-menu):not(.children) > li > a:hover::before,
.main-navigation ul:not(.sub-menu):not(.children) > li > a:focus::before {
	color: #ffffff;
	text-shadow: 8px 0 #ffffff, -8px 0 #ffffff;
}

    Thread Starter stbedesantafe

    (@stbedesantafe)

    This didn’t work to remove the dots under the page title – or where the title should be since I’m not using page title. Web site URL is:
    https://www.stephaniedragon.com/wordpress/

    I tired both commenting out the code:

    /* COMMENTED OUT CODE FOR DOTS UNDER PAGE TITLES

.main-navigation ul:not(.sub-menu):not(.children) > li > a::before {
	position: absolute;
	top: 45%;
	left: 50%;
	color: transparent;
	content: '?';
	font-size: 85%;
	text-shadow: 0 0 transparent;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.main-navigation ul:not(.sub-menu):not(.children) > li > a:hover::before,
.main-navigation ul:not(.sub-menu):not(.children) > li > a:focus::before {
	color: #ffffff;
	text-shadow: 8px 0 #ffffff, -8px 0 #ffffff;
} */

    and deleting the code completely, but the dots still show.

    By the way, these were lines 569-590 as the code appears to me.

    Theme Author CrestaProject

    (@crestaproject)

    I visited your site and now I do not see the dots in the menu, have you solved?

    Thread Starter stbedesantafe

    (@stbedesantafe)

    I don’t want to remove menu dots. I want to remove the dots under the page title. For an example, please look at this image:

    https://s6.postimg.org/j038yt99t/Title_dots.jpg

    “Contact” is the page title. The dots are circled in red beneath the page title. I want to remove these dots on all pages.

    Theme Author CrestaProject

    (@crestaproject)

    Ok, misunderstood ??
    Then you have to remove this code from style.css

    .beforeContent {
  height: .5em;
  width: .5em;
  background: rgba(0,0,0,.08);
  border-radius: 50%;
  margin: 1.5em auto 0;
  box-shadow: 1em 0em rgba(0,0,0,.08), -1em 0em rgba(0,0,0,.08);
}

    It is located at about line 1069

    Thread Starter stbedesantafe

    (@stbedesantafe)

    That’s it! Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Page Titles’ is closed to new replies.