WordPress Tricks

Luxury By Organic Themes: Theme for Luxury Brands, fashion,wedding, high end products, services and travel industries

A WordPress theme for luxury brands, fashion and just plain classy sites. Luxury By Organic Themes is a classy theme created to showcase the finer things in life, Luxury is perfect for high-end products and services, the fashion and wedding industries, travel blogs, and any site where an elegant presentation is a priority.

Luxury brand theme wordpress

You canc check Luxury theme Demo.

You can ask question regarding any issue you are facing in comments section.

Or can take my personal help

If you want to change Selected menu items (which is currently white) to be different one

.light-header-text #navigation .menu li.current-menu-ancestor a, .light-header-text #navigation .menu li.current_page_ancestor a, .light-header-text #navigation .menu .current_page_item a, .light-header-text #navigation .menu .current_page_ancestor a, .light-header-text #navigation .menu .current-menu-item a, .light-header-text #navigation .menu .current-cat a {
color: darkred !important;
}

If you want to change hover font color of menu items

#navigation li a:hover {
color: green !important;
}

If you want to change hover background color

#navigation li a:hover {
background: yellow !important;
}

If you want to change font size, color and font family of menu items (applicable for sub menu items too)

#navigation li a {
font-size: 12px;
color: darkred !important;
font-family: cursive;
}

To change, sub menu container background color

** you may need to change font color and hover background color font this according to your choice

.menu ul.sub-menu, .menu ul.children {
background-color: darkred !important;
}

If you want to change only sub menu items font color

#navigation ul.sub-menu li a {
color: white !important;
}

/*** Modification of Pages ***/

Luxury brand theme wordpress default page content and border modifications

To change Default Page font color, font size, gap between lines and font family

.page .postarea .article, .page .postarea .article p {
font-size: 15px !important;
color: black !important;
font-family: cursive;
line-height: 27px !important;
}

To change border thichness (width) and color which is showing to the right of page content  OR  showing left to the sidebar

.sidebar {
border-left: 1px solid darkred !important;
}

Luxury brand theme wordpress default page width increase

If you want to increase default page width by reducing the pading to the left

.page .eleven .article {
padding: 0 0 24px 0% !important;
}

Luxury brand theme wordpress blockquote font color marker border modifications

To change blockquote font size, color and font family

blockquote, q {
font-size: 23px !important;
color: darkred !important;
font-family: cursive;
}

Also to change Quotation marker size to be reduced and also to change its position

blockquote::before, blockquote::after, q::before, q::after {
color: darkred !important;
font-size: 111px !important;
margin-top: -14px;
margin-left: -23px;
}

To change the border thickness,width which is showing below the blockquote

blockquote::after {
width: 32%;
border-bottom: 4px solid darkred;
}

To change Header ( like h2, h3 ) font size, color and font family

h2 {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
}

h3 {
font-size: 18px !important;
color: darkred !important;
font-family: cursive !important;
}

Luxury brand theme wordpress full width template padding reduce and increase width

To reduce the padding (from left and right side) of  Full Width page template and increase content width

.page-template-template-full .article.clearfix {
padding-left: 0px !important;
padding-right: 0px !important;
}

In Blog Page or Archive pages Tags, Search etc, if you want to change  Continue Reading background color, font size, font color and font family

a.more-link {
background: darkred;
color: white !important;
font-family: cursive !important;
}
Luxury brand theme wordpress Continue Reding button modifications

 To change Continue Reading Hover background color 

a.more-link:hover {
background: darkgreen !important;
border: none !important;
box-shadow: none !important;
}

Luxury brand theme wordpress blog post date category title author modifications

To change font size, color and font family of Post date (which is showing above the post title)

span.posted-on a {
font-size: 15px !important;
color: darkred !important;
font-family: cursive !important;
}

To change font size, color and font family of Post Category 

a[rel=”category tag”] {
font-size: 16px !important;
color: darkred !important;
font-family: cursive !important;
}

In Blog page, if you want to change Blog Post title’s font size, color, font family, font weignt and more

h2.headline a, h2.headline {
font-size: 30px;
color: darkred !important;
font-family: cursive;
font-weight: 600 !important;
letter-spacing: normal !important;
}

To change blog post title hover font color

h2.headline a:hover {
color: yellow !important;
}

If you want to change Blog Post author font size, color and font family

.post-author, .post-author * {
font-size: 17px !important;
color: black !important;
font-family: cursive !important;
}

To change Blog Posts font color, weight, font family and text alignment

.content-holder p, .content-holder {
font-size: 17px !important;
color: black !important;
font-family: cursive;
font-weight: 100 !important;
text-align: justify;
}

/***** Sidebar Widget Section Modification *****/

If you want to give sidebar widget title a new look ( like the attached screenshot), use the code below

Luxury brand theme wordpress sidebar widget title modifications

.sidebar h6.title {
background: green;
padding: 2%;
text-align: center;
color: white;
}

To change sidebar widget links border thickness and color

.sidebar .widget li {
border-color: green !important;
border-width: 2px;
}

Or, if you don’t want to show border around the list 

.sidebar .widget li {
border: none !important;
}

To change sidebar widget list hover border thickness and color

Luxury brand theme wordpress sidebar widget list hover border color and thickness modification

.widget li a:hover {
border-bottom: 4px solid red !important;
}

/**** Related Post Modifications ****/

JetPack Related Post Modifications

To change Related Post headings font size, color and font family

h3.jp-relatedposts-headline {
font-size: 23px !important;
color: darkblue;
font-family: cursive !important;
}

If you want to give Related Post heading a new look like the attached screenshot

JetPack Related Post heading a new look

h3.jp-relatedposts-headline em::before {
display: none !important;
}
h3.jp-relatedposts-headline {
font-size: 23px !important;
color: white;
font-family: cursive !important;
background: darkred;
width: 100% !important;
text-align: center;
padding: 2% !important;
}

To change Related Post title font size, color and font family

a.jp-relatedposts-post-a {
font-size: 12px !important;
color: darkred;
font-family: cursive !important;
}

To change Related Post title hover color

a.jp-relatedposts-post-a:hover {
color: darkblue;
}

If you have any issue feel free to ask me question here in comments section
OR
Pay me some, I will help you for CSS Issue Personally CLICK HERE….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s