WordPress.org

Ready to get started?Download WordPress

Forums

Anarcho Notepad
[resolved] Change Red Ribbon Color? (6 posts)

  1. pirada
    Member
    Posted 6 months ago #

    First let me say I LOVE your template.

    I am doing a website for an interiors designer and this is the best template I found that reflects her style. She still would like less colors in the theme,and a vintage look - like an old book. For instance she would prefer the red ribbon to be a dark gray or an aged dark blue. She would also like the sticky note with the menu of pages to be a less bright yellow, more like an aged piece of paper. I can send you pictures of a book she gave me to show me what she wanted, but I an not skilled enough to create my own template. Since you said you would modify whatever we asked for, I am asking! :-) She is willing to pay you or donate money to your business.

    Also, a question. How do I customize the links below Friends and Links? (Is it FRIENDS or FRENDS? - I thought that was a typo).

  2. Arthur Gareginyan
    Member
    Theme Author

    Posted 6 months ago #

    Thank you for using "Anarcho Notepad"! I'm glad that you liked my work!

    I will try to help you.
    You can send me pictures to arthurgareginyan@gmail.com

    << How do I customize the links below Friends and Links? >>

    It's simple enough.
    My theme adds section "Links" in Admin Panel to manage links.
    In the "Admin panel", go to the "Links" and create links which you want.
    And if you don't need this block, then you can disable it in the customizer.

  3. chimeradragon
    Member
    Posted 5 months ago #

    Good day,
    I have also a question regarding the sticky note - how can I post on it?, and another one regarding the 404 page - how can I "restart" it, if I did not back up the code before the modifications? (I did alter the text within the place stated as "modifiable", but it turned into a blank page after refreshing...)
    Thank you in advance for your earliest attention.
    Best regards,
    CD

  4. chimeradragon
    Member
    Posted 5 months ago #

    (Re~ I've reinstalled the whole theme, so 404 page is OK - left the "sticky note" problem.)

  5. Tiialiina
    Member
    Posted 5 months ago #

    I'd also like to know would it be possible in any way to
    "Change Red Ribbon Color?" as the first writer asked! I believe that here are many others wondering this ..

  6. Arthur Gareginyan
    Member
    Theme Author

    Posted 5 months ago #

    Hi, Tiialiina!

    To do this, in the file style.css find this:

    /* Data-tab (Ribbons)
    -------------------------------------------------------------- */
    #content .col01 .date-tab {
    	position: relative;
    	z-index: 1;
    	width: 20%;
    	float: left;
    	font-size: 1.5em;
    	font-weight: bold;
    	line-height: 70%;
    	margin: -5px 10px 10px -90px;
    	color: #000;
    	background-color: #A00B0B;
    	border-radius: 8px 1px 1px;
    	text-shadow: 0px 1px 2px #C53D3D;
    	-webkit-box-shadow: 0px 2px 4px #110303;
    	-moz-box-shadow: 0px 2px 4px #110303;
    	box-shadow: 0px 2px 4px #110303; }
    #content .col01 .date-tab:before {
    	content: ' ';
    	position: absolute;
    	width: 40px;
    	height: 0;
    	left: -40px;
    	top: 30px;
    	border-radius: 0 0 10px;
    	border-width: 20px 10px;
    	border-style: solid;
    	border-color: #A00B0B #A00B0B #A00B0B transparent; }
    #content .col01 .date-tab:after {
    	content: ' ';
    	position: absolute;
    	width: 0;
    	height: 0;
    	left: 0px;
    	top: 100%;
    	border-radius: 8px 0 0px;
    	border-width: 5px 10px;
    	border-style: solid;
    	border-color: #6D0404 #6D0404 transparent
     transparent; }
    #content .col01 .date-tab .month {
    	text-align:right;
    	display:block;
    	padding:6px 16px 6px 0;
    	font-size:70%; }
    #content .col01 .date-tab .day {
    	text-align:right;
    	display:block;
    	padding:6px 16px 2px 0;
    	font-size:112%;
    	font-weight:bold; }
    /* END-Data-tab (Ribbons) */

    and replace to this (DARK GRAY):

    /* Data-tab (Ribbons)
    -------------------------------------------------------------- */
    #content .col01 .date-tab {
    
    	position: relative;
    	z-index: 1;
    	width: 20%;
    	float: left;
    	font-size: 1.5em;
    	font-weight: bold;
    	line-height: 70%;
    	margin: -5px 10px 10px -90px;
    	color: #000;
    	background-color: #383535;
    	border-radius: 8px 1px 1px;
    	text-shadow: 0px 1px 2px #5B5555;
    	-webkit-box-shadow: 0px 2px 4px #110303;
    	-moz-box-shadow: 0px 2px 4px #110303;
    	box-shadow: 0px 2px 4px #110303; }
    #content .col01 .date-tab:before {
    	content: ' ';
    	position: absolute;
    	width: 40px;
    	height: 0;
    	left: -40px;
    	top: 30px;
    	border-radius: 0 0 10px;
    	border-width: 20px 10px;
    	border-style: solid;
    	border-color: #383535 #383535 #383535 transparent; }
    #content .col01 .date-tab:after {
    	content: ' ';
    	position: absolute;
    	width: 0;
    	height: 0;
    	left: 0px;
    	top: 100%;
    	border-radius: 8px 0 0px;
    	border-width: 5px 10px;
    	border-style: solid;
    	border-color: #1E1A1A #1E1A1A transparent transparent; }
    #content .col01 .date-tab .month {
    	text-align:right;
    	display:block;
    	padding:6px 16px 6px 0;
    	font-size:70%; }
    #content .col01 .date-tab .day {
    	text-align:right;
    	display:block;
    	padding:6px 16px 2px 0;
    	font-size:112%;
    	font-weight:bold; }
    /* END-Data-tab (Ribbons) */

    or replace to this (DARK BLUE):

    /* Data-tab (Ribbons)
    -------------------------------------------------------------- */
    #content .col01 .date-tab {
    	position: relative;
    	z-index: 1;
    	width: 20%;
    	float: left;
    	font-size: 1.5em;
    	font-weight: bold;
    	line-height: 70%;
    	margin: -5px 10px 10px -90px;
    	color: #000;
    	background-color: #000328;
    	border-radius: 8px 1px 1px;
    	text-shadow: 0px 1px 2px #0C0158;
    	-webkit-box-shadow: 0px 2px 4px #110303;
    	-moz-box-shadow: 0px 2px 4px #110303;
    	box-shadow: 0px 2px 4px #110303; }
    #content .col01 .date-tab:before {
    	content: ' ';
    	position: absolute;
    	width: 40px;
    	height: 0;
    	left: -40px;
    	top: 30px;
    	border-radius: 0 0 10px;
    	border-width: 20px 10px;
    	border-style: solid;
    	border-color: #000328 #000328 #000328 transparent; }
    #content .col01 .date-tab:after {
    	content: ' ';
    	position: absolute;
    	width: 0;
    	height: 0;
    	left: 0px;
    	top: 100%;
    	border-radius: 8px 0 0px;
    	border-width: 5px 10px;
    	border-style: solid;
    	border-color: #000003 #000003 transparent transparent; }
    #content .col01 .date-tab .month {
    	text-align:right;
    	display:block;
    	padding:6px 16px 6px 0;
    	font-size:70%; }
    #content .col01 .date-tab .day {
    	text-align:right;
    	display:block;
    	padding:6px 16px 2px 0;
    	font-size:112%;
    	font-weight:bold; }
    /* END-Data-tab (Ribbons) */

    Over time, I'll add an option to customizer to easily change the color of the red ribbon.

Reply

You must log in to post.

About this Theme

About this Topic